San Juan

#284670

General Information

The hex color #284670, often referred to as 'San Juan,' is a dark, muted shade of blue. It is composed of 15.7% red, 27.5% green, and 43.9% blue. In the RGB color model, it is represented as (40, 70, 112). This color evokes feelings of calmness, stability, and sophistication. Its hexadecimal representation provides a standardized way to define and use this color across various digital platforms, ensuring consistency in its appearance. It is often used in professional settings to convey trust and reliability. The color falls within the blue color family, offering a more subdued and less vibrant alternative to brighter blues.

The hex color #284670, also known as San Juan, presents specific accessibility considerations for web design. Its relatively dark hue means that it requires careful selection of foreground colors to ensure sufficient contrast for readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #284670 as a background, lighter colors like white or light yellow are advisable for text. Tools like contrast checkers can help verify compliance with accessibility standards. Moreover, avoid using color alone to convey important information; supplement it with text labels or icons to accommodate users with color vision deficiencies. Thoughtful implementation of these guidelines ensures a more inclusive user experience.

Shades

Digital Color Formats

RGB
40 70 112
RGB40 70 112
Red
Green
Blue
HSL
215deg 47.37% 29.8%
21547.3729.8HSL
Hue
Saturation
Lightness
HWB
215deg 15.69% 56.08%
21515.6956.08HWB
Hue
Whiteness
Blackness
hex#284670
rgb40 70 112
hsl215deg 47.37% 29.8%
cmyk64.29% 37.5% 0% 56.08%
hwb215deg 15.69% 56.08%
xyz-d650.06 0.06 0.16
oklch0.3923 0.0803 257.07
oklab0.3923 -0.02 -0.08
CMYK
64.29% 37.5% 0% 56.08%
64.2937.5056.08CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.16
0.060.060.16XYZ
X
Y
Z
OKLCH
0.3923 0.0803 257.07
0.39230.0803257.07LCH
Lightness
Chroma
Hue
OKLAB
0.3923 -0.02 -0.08
0.3923-0.02-0.08LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons