San Juan

#1E4866

General Information about #1E4866

The hexadecimal color code #1E4866, also known as San Juan, is a dark shade of cyan-blue. It is composed of 11.8% red, 28.2% green, and 40% blue. In the RGB color model, #1E4866 has the numerical representation (30, 72, 102). This color is often associated with calmness, stability, and trustworthiness. In color theory, San Juan can be used to create a sense of professionalism and reliability. It is a popular choice for corporate branding, websites, and designs where a serious and dependable image is desired. The color falls within the blue-cyan spectrum and tends to have a cooling effect when used in visual design.

The hex color #1E4866, also known as San Juan, presents some accessibility considerations for web design. Its relatively dark hue means it requires careful attention to color contrast when used for text or interactive elements. To ensure readability and usability for individuals with visual impairments, it's crucial to pair this color with sufficiently light text colors. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text (14pt bold or 18pt regular) to meet WCAG AA standards. Testing with accessibility tools is essential to validate the contrast and guarantee a positive user experience for everyone. Avoid using #1E4866 for critical information or actions without proper contrast.

Shades

Digital Color Formats

RGB
30 72 102
RGB30 72 102
Red
Green
Blue
HSL
205deg 54.55% 25.88%
20554.5525.88HSL
Hue
Saturation
Lightness
HWB
205deg 11.76% 60%
20511.7660HWB
Hue
Whiteness
Blackness
hex#1E4866
rgb30 72 102
hsl205deg 54.55% 25.88%
cmyk70.59% 29.41% 0% 60%
hwb205deg 11.76% 60%
xyz-d650.05 0.06 0.13
oklch0.3866 0.0693 242.63
oklab0.3866 -0.03 -0.06
CMYK
70.59% 29.41% 0% 60%
70.5929.41060CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.06 0.13
0.050.060.13XYZ
X
Y
Z
OKLCH
0.3866 0.0693 242.63
0.38660.0693242.63LCH
Lightness
Chroma
Hue
OKLAB
0.3866 -0.03 -0.06
0.3866-0.03-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons