San Juan

#2E486C

General Information about #2E486C

The hexadecimal color code #2E486C, also known as San Juan, is a dark, desaturated shade of blue. It's composed of 18.04% red, 28.24% green, and 42.35% blue. In the RGB color model, #2E486C has values of 46 red, 72 green, and 108 blue. When converted to the CMYK color model, it consists of 57% cyan, 33% magenta, 0% yellow, and 58% black. This color is often associated with calmness, stability, and professionalism. Its relatively low lightness value makes it more suitable for backgrounds or accents, rather than primary text color, unless paired with a very light color for sufficient contrast.

The hex color #2E486C, also known as San Juan, presents some accessibility challenges. Its relatively low luminance value means it requires careful consideration when used as a background or text color. To ensure readability, it is crucial to use a light-colored text on a #2E486C background. According to WCAG guidelines, the contrast ratio between the text and background should be at least 4.5:1 for normal text and 3:1 for large text. Tools like WebAIM's contrast checker can help verify sufficient contrast. Avoid using #2E486C for essential interactive elements like buttons without sufficient contrast, as this can hinder usability for users with visual impairments. Thoughtful color pairing is essential to achieve an accessible design.

Shades

Digital Color Formats

RGB
46 72 108
RGB46 72 108
Red
Green
Blue
HSL
214.84deg 40.26% 30.2%
214.8440.2630.2HSL
Hue
Saturation
Lightness
HWB
214.84deg 18.04% 57.65%
214.8418.0457.65HWB
Hue
Whiteness
Blackness
hex#2E486C
rgb46 72 108
hsl214.84deg 40.26% 30.2%
cmyk57.41% 33.33% 0% 57.65%
hwb214.84deg 18.04% 57.65%
xyz-d650.06 0.06 0.15
oklch0.3982 0.0692 256.75
oklab0.3982 -0.02 -0.07
CMYK
57.41% 33.33% 0% 57.65%
57.4133.33057.65CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.15
0.060.060.15XYZ
X
Y
Z
OKLCH
0.3982 0.0692 256.75
0.39820.0692256.75LCH
Lightness
Chroma
Hue
OKLAB
0.3982 -0.02 -0.07
0.3982-0.02-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons