San Juan

#2E466A

General Information about #2E466A

The hex color #2E466A, often referred to as 'San Juan', is a dark, muted shade of blue with subtle gray undertones. It belongs to the broader family of cool colors and evokes feelings of calmness, stability, and sophistication. In the RGB color model, it is composed of 18.04% red, 27.45% green, and 41.57% blue. Its use is prevalent in designs aiming for a professional or serene aesthetic. Named 'San Juan' it is alluding to the ocean, and this could also reflect how the color is perceived. It's a color that is not too distracting but still attracts attention.

The hex color #2E466A, also known as San Juan, presents specific accessibility considerations for web developers. Its relatively low luminance value necessitates careful pairing with foreground text or elements to ensure sufficient contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Using a light color such as #FFFFFF (white) can provide a good contrast, while a dark color such as #000000 (black) should be avoided. To assess the contrast, tools like the WebAIM Contrast Checker should be used. Developers should also test the color combination with users who have visual impairments to ensure readability and usability. Careful consideration of these aspects is crucial for creating inclusive and accessible web experiences.

Shades

Digital Color Formats

RGB
46 70 106
RGB46 70 106
Red
Green
Blue
HSL
216deg 39.47% 29.8%
21639.4729.8HSL
Hue
Saturation
Lightness
HWB
216deg 18.04% 58.43%
21618.0458.43HWB
Hue
Whiteness
Blackness
hex#2E466A
rgb46 70 106
hsl216deg 39.47% 29.8%
cmyk56.6% 33.96% 0% 58.43%
hwb216deg 18.04% 58.43%
xyz-d650.06 0.06 0.14
oklch0.3921 0.0685 258.29
oklab0.3921 -0.01 -0.07
CMYK
56.6% 33.96% 0% 58.43%
56.633.96058.43CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.14
0.060.060.14XYZ
X
Y
Z
OKLCH
0.3921 0.0685 258.29
0.39210.0685258.29LCH
Lightness
Chroma
Hue
OKLAB
0.3921 -0.01 -0.07
0.3921-0.01-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons