San Juan

#2E5066

General Information

#2E5066, also known as San Juan, is a dark, muted shade of blue-gray. It belongs to the family of cool colors and evokes feelings of calmness, stability, and sophistication. In color psychology, blues are often associated with trust, loyalty, and intelligence, while grays suggest neutrality and balance. The combination results in a color that is both reassuring and refined. It is frequently used in designs where a sense of professionalism and understated elegance is desired. This hex color is created by combining specific proportions of red, green, and blue light, resulting in its unique appearance.

The color #2E5066, also known as San Juan, presents moderate accessibility challenges. Its luminance value is relatively low, which can cause issues with text legibility if used as a background for lighter text. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When pairing #2E5066 with text, it's crucial to ensure that the text color provides sufficient contrast. Lighter shades of yellow, white, or very light grays are often suitable choices. Tools like contrast checkers can help verify compliance with accessibility standards. Using this color for decorative elements or large graphical components poses less of an accessibility risk but should still be considered within the overall design context to ensure inclusivity.

Shades

Digital Color Formats

RGB
46 80 102
RGB46 80 102
Red
Green
Blue
HSL
203.57deg 37.84% 29.02%
203.5737.8429.02HSL
Hue
Saturation
Lightness
HWB
203.57deg 18.04% 60%
203.5718.0460HWB
Hue
Whiteness
Blackness
hex#2E5066
rgb46 80 102
hsl203.57deg 37.84% 29.02%
cmyk54.9% 21.57% 0% 60%
hwb203.57deg 18.04% 60%
xyz-d650.06 0.07 0.14
oklch0.4151 0.0542 238.39
oklab0.4151 -0.03 -0.05
CMYK
54.9% 21.57% 0% 60%
54.921.57060CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.07 0.14
0.060.070.14XYZ
X
Y
Z
OKLCH
0.4151 0.0542 238.39
0.41510.0542238.39LCH
Lightness
Chroma
Hue
OKLAB
0.4151 -0.03 -0.05
0.4151-0.03-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons