San Juan

#314766

General Information about #314766

The hex color code #314766, also known as San Juan, is a dark, muted shade of blue-gray. It belongs to the blue color family but has a significant gray undertone, giving it a sophisticated and calming appearance. In the RGB (Red, Green, Blue) color model, it is composed of 19.22% red, 27.84% green, and 40% blue. In the CMYK (Cyan, Magenta, Yellow, Key/Black) color model, it consists of 52% cyan, 31% magenta, 0% yellow, and 60% black. This color's subdued nature makes it versatile for various applications, from web design to interior decorating. It evokes feelings of tranquility, stability, and professionalism, making it a popular choice for corporate branding and designs that require a sense of trustworthiness and reliability.

The color #314766, also known as San Juan, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it's crucial to ensure that any foreground text or elements have sufficient contrast to meet WCAG (Web Content Accessibility Guidelines) standards. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Tools like contrast checkers can help verify compliance. Using lighter text colors such as whites, yellows, or light greens against this dark blue-gray can improve readability. Avoid pairing it with other dark colors, as this will likely fail accessibility tests. Thoughtful consideration of color combinations is essential to make content accessible to users with visual impairments.

Shades

Digital Color Formats

RGB
49 71 102
RGB49 71 102
Red
Green
Blue
HSL
215.09deg 35.1% 29.61%
215.0935.129.61HSL
Hue
Saturation
Lightness
HWB
215.09deg 19.22% 60%
215.0919.2260HWB
Hue
Whiteness
Blackness
hex#314766
rgb49 71 102
hsl215.09deg 35.1% 29.61%
cmyk51.96% 30.39% 0% 60%
hwb215.09deg 19.22% 60%
xyz-d650.06 0.06 0.13
oklch0.3942 0.0598 257.05
oklab0.3942 -0.01 -0.06
CMYK
51.96% 30.39% 0% 60%
51.9630.39060CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.13
0.060.060.13XYZ
X
Y
Z
OKLCH
0.3942 0.0598 257.05
0.39420.0598257.05LCH
Lightness
Chroma
Hue
OKLAB
0.3942 -0.01 -0.06
0.3942-0.01-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons