San Juan

#2A5471

General Information

The color #2A5471, also known as San Juan, is a dark, desaturated shade of blue-green. In the RGB color model, it consists of 16.47% red, 32.94% green, and 44.31% blue. Its calming and sophisticated nature makes it a popular choice in various design fields. The color name 'San Juan' evokes a sense of tranquility and coastal elegance, fitting for a color reminiscent of deep ocean waters. In terms of color psychology, #2A5471 is often associated with stability, trust, and reliability. Its muted tones give it a versatile quality, allowing it to blend seamlessly with both light and dark palettes. It's a color that suggests professionalism and understated elegance.

The color #2A5471, also known as San Juan, presents some accessibility considerations for web developers. Its relatively dark hue results in a lower contrast ratio when paired with lighter text colors, which could pose challenges for users with visual impairments. Adhering to WCAG guidelines is crucial when using this color. A contrast ratio of at least 4.5:1 for standard text and 3:1 for large text is recommended to ensure readability. Combining #2A5471 with very light shades like #FFFFFF or accessible color palettes can significantly improve accessibility. Furthermore, providing alternative visual cues beyond color, such as text labels or icons, enhances the user experience for individuals with color vision deficiencies. Thorough testing with accessibility tools is advised to validate the color's usability across diverse user needs.

Shades

Digital Color Formats

RGB
42 84 113
RGB42 84 113
Red
Green
Blue
HSL
204.51deg 45.81% 30.39%
204.5145.8130.39HSL
Hue
Saturation
Lightness
HWB
204.51deg 16.47% 55.69%
204.5116.4755.69HWB
Hue
Whiteness
Blackness
hex#2A5471
rgb42 84 113
hsl204.51deg 45.81% 30.39%
cmyk62.83% 25.66% 0% 55.69%
hwb204.51deg 16.47% 55.69%
xyz-d650.07 0.08 0.17
oklch0.429 0.0674 240.94
oklab0.429 -0.03 -0.06
CMYK
62.83% 25.66% 0% 55.69%
62.8325.66055.69CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.08 0.17
0.070.080.17XYZ
X
Y
Z
OKLCH
0.429 0.0674 240.94
0.4290.0674240.94LCH
Lightness
Chroma
Hue
OKLAB
0.429 -0.03 -0.06
0.429-0.03-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons