San Juan

#285570

General Information

The hex color #285570, also known as San Juan, is a dark, muted shade of blue-green. It belongs to the family of cool colors, evoking feelings of tranquility, stability, and sophistication. In the RGB color model, it is composed of 16.1% red, 33.3% green, and 43.9% blue. This color is often associated with professionalism and trustworthiness, making it a popular choice in corporate branding and design. Its subtle nature makes it a versatile option for various applications, from web design to interior decor. San Juan can be used to create a calming and refined aesthetic, providing a sense of depth and elegance.

The hex color #285570, also known as San Juan, presents moderate accessibility challenges. Its relatively low luminance value of 0.11 results in a darker shade, which necessitates careful consideration for text and interactive elements. When used as a background color, ensure sufficient contrast with foreground text 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. Additionally, providing alternative visual cues, such as underlines or icons, for links is beneficial for users with color vision deficiencies. Thoughtful application of this color can enhance usability for a broader audience.

Shades

Digital Color Formats

RGB
40 85 112
RGB40 85 112
Red
Green
Blue
HSL
202.5deg 47.37% 29.8%
202.547.3729.8HSL
Hue
Saturation
Lightness
HWB
202.5deg 15.69% 56.08%
202.515.6956.08HWB
Hue
Whiteness
Blackness
hex#285570
rgb40 85 112
hsl202.5deg 47.37% 29.8%
cmyk64.29% 24.11% 0% 56.08%
hwb202.5deg 15.69% 56.08%
xyz-d650.07 0.08 0.17
oklch0.4301 0.0668 237.47
oklab0.4301 -0.04 -0.06
CMYK
64.29% 24.11% 0% 56.08%
64.2924.11056.08CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.08 0.17
0.070.080.17XYZ
X
Y
Z
OKLCH
0.4301 0.0668 237.47
0.43010.0668237.47LCH
Lightness
Chroma
Hue
OKLAB
0.4301 -0.04 -0.06
0.4301-0.04-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons