San Juan

#2E4D69

General Information

The hexadecimal color #2E4D69, also known as San Juan, is a dark shade of blue-gray. It belongs to the cyan-blue hue family, possessing a calming and sophisticated aura. In the RGB color model, it consists of 18.04% red, 30.2% green, and 41.18% blue. In the CMYK color model, which is used in printing, it is composed of 56% cyan, 26% magenta, 0% yellow, and 59% black. This color is frequently associated with reliability, trust, and stability, making it a popular choice for branding in industries that value these attributes. It conveys a sense of professionalism and serenity.

The color #2E4D69, also known as San Juan, presents a moderate level of accessibility considerations. Its darker hue generally provides sufficient contrast against lighter backgrounds, making it suitable for text and user interface elements. However, when pairing it with darker shades, it's crucial to ensure the contrast ratio meets WCAG (Web Content Accessibility Guidelines) standards to accommodate users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using tools to evaluate color contrast is highly advisable. For users with color blindness, relying solely on this color to convey critical information is not recommended; supplementary cues like labels or icons are essential to ensure inclusivity.

Shades

Digital Color Formats

RGB
46 77 105
RGB46 77 105
Red
Green
Blue
HSL
208.47deg 39.07% 29.61%
208.4739.0729.61HSL
Hue
Saturation
Lightness
HWB
208.47deg 18.04% 58.82%
208.4718.0458.82HWB
Hue
Whiteness
Blackness
hex#2E4D69
rgb46 77 105
hsl208.47deg 39.07% 29.61%
cmyk56.19% 26.67% 0% 58.82%
hwb208.47deg 18.04% 58.82%
xyz-d650.06 0.07 0.14
oklch0.409 0.06 247.11
oklab0.409 -0.02 -0.06
CMYK
56.19% 26.67% 0% 58.82%
56.1926.67058.82CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.07 0.14
0.060.070.14XYZ
X
Y
Z
OKLCH
0.409 0.06 247.11
0.4090.06247.11LCH
Lightness
Chroma
Hue
OKLAB
0.409 -0.02 -0.06
0.409-0.02-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons