San Juan

#31416D

General Information about #31416D

The hexadecimal color #31416D, known as San Juan, is a dark, muted shade of blue with a slight hint of purple. It falls within the cool color family and evokes feelings of calmness, stability, and trustworthiness. In the RGB color model, it is composed of 19.22% red, 25.49% green, and 42.75% blue. The corresponding CMYK color code is (55, 41, 0, 57), indicating the percentages of cyan, magenta, yellow, and black needed to create this color in print media. This color is often associated with corporate branding, particularly in industries aiming to project reliability and sophistication.

The hex color #31416D, also known as San Juan, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it's crucial to pair it with text that offers sufficient contrast to ensure readability for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Therefore, light shades of yellow, white, or very light grays would be optimal choices for text color against the #31416D background. Utilizing tools to check color contrast ratios during the design process is highly recommended to ensure compliance with accessibility standards. Careful consideration of font weight and size can also mitigate some contrast issues.

Shades

Digital Color Formats

RGB
49 65 109
RGB49 65 109
Red
Green
Blue
HSL
224deg 37.97% 30.98%
22437.9730.98HSL
Hue
Saturation
Lightness
HWB
224deg 19.22% 57.25%
22419.2257.25HWB
Hue
Whiteness
Blackness
hex#31416D
rgb49 65 109
hsl224deg 37.97% 30.98%
cmyk55.05% 40.37% 0% 57.25%
hwb224deg 19.22% 57.25%
xyz-d650.06 0.06 0.15
oklch0.3838 0.0781 267.57
oklab0.3838 0 -0.08
CMYK
55.05% 40.37% 0% 57.25%
55.0540.37057.25CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.15
0.060.060.15XYZ
X
Y
Z
OKLCH
0.3838 0.0781 267.57
0.38380.0781267.57LCH
Lightness
Chroma
Hue
OKLAB
0.3838 0 -0.08
0.38380-0.08LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons