San Juan

#284A6E

General Information about San Juan (#284A6E)

The hexadecimal color #284A6E, also known as San Juan, is a deep, muted shade of blue. It belongs to the blue color family, exhibiting a blend of coolness and depth. In the RGB color model, it consists of 16.1% red, 29% green, and 43.1% blue. The CMYK color model defines it as 62.6% cyan, 32.7% magenta, 0% yellow, and 56.9% black. This color is often associated with qualities such as stability, trustworthiness, and sophistication. Its balanced composition makes it versatile for various applications, ranging from web design to fashion, where it can evoke a sense of calmness and professionalism. The color is named after San Juan, potentially drawing inspiration from the oceanic hues or the city's serene atmosphere.

The color #284A6E, also known as San Juan, presents specific accessibility considerations for web developers. With a relatively low luminance, it is essential to ensure sufficient contrast when using it for text or interactive elements. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Pairing this color with lighter shades of yellow, white, or even a lighter tint of blue can enhance readability and usability. It's also advisable to avoid using it as the sole means of conveying information, especially for users with color vision deficiencies. Providing alternative visual cues, such as icons or text labels, can improve the overall accessibility of the design.

Shades

Digital Color Formats

RGB
40 74 110
RGB40 74 110
Red
Green
Blue
HSL
210.86deg 46.67% 29.41%
210.8646.6729.41HSL
Hue
Saturation
Lightness
HWB
210.86deg 15.69% 56.86%
210.8615.6956.86HWB
Hue
Whiteness
Blackness
hex#284A6E
rgb40 74 110
hsl210.86deg 46.67% 29.41%
cmyk63.64% 32.73% 0% 56.86%
hwb210.86deg 15.69% 56.86%
xyz-d650.06 0.06 0.16
oklch0.401 0.0731 251.34
oklab0.401 -0.02 -0.07
CMYK
63.64% 32.73% 0% 56.86%
63.6432.73056.86CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.16
0.060.060.16XYZ
X
Y
Z
OKLCH
0.401 0.0731 251.34
0.4010.0731251.34LCH
Lightness
Chroma
Hue
OKLAB
0.401 -0.02 -0.07
0.401-0.02-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons