San Juan

#284A73

General Information about #284A73

The hex color #284A73, also known as San Juan, is a dark, muted shade of blue that evokes a sense of depth and sophistication. It belongs to the blue color family, specifically a deeper variant that carries undertones of gray, contributing to its subtle and refined appearance. In the RGB color model, it is composed of 16.1% red, 29% green, and 45.1% blue. This color is often associated with professionalism, trustworthiness, and stability, making it a popular choice in corporate branding and design. Its dark hue makes it versatile for creating contrast and visual interest when paired with lighter colors. The name 'San Juan' suggests a connection to the coastal city, hinting at oceanic or nautical themes.

The hex color #284A73, also known as San Juan, presents some accessibility considerations, especially in web design. Its relatively low lightness value means it has limited contrast against white backgrounds, potentially making text or interface elements difficult to read for users with visual impairments. According to WCAG guidelines, sufficient contrast is crucial for readability. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #284A73 for text, it is important to pair it with a very light color, like white (#FFFFFF) or a light gray, to ensure compliance with these standards. For backgrounds, avoid pairing it with dark text or elements without careful adjustment. Tools are available to check contrast ratios and ensure accessibility compliance, aiding developers in making informed design choices that prioritize inclusivity.

Shades

Digital Color Formats

RGB
40 74 115
RGB40 74 115
Red
Green
Blue
HSL
212.8deg 48.39% 30.39%
212.848.3930.39HSL
Hue
Saturation
Lightness
HWB
212.8deg 15.69% 54.9%
212.815.6954.9HWB
Hue
Whiteness
Blackness
hex#284A73
rgb40 74 115
hsl212.8deg 48.39% 30.39%
cmyk65.22% 35.65% 0% 54.9%
hwb212.8deg 15.69% 54.9%
xyz-d650.06 0.07 0.17
oklch0.404 0.0802 254.2
oklab0.404 -0.02 -0.08
CMYK
65.22% 35.65% 0% 54.9%
65.2235.65054.9CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.07 0.17
0.060.070.17XYZ
X
Y
Z
OKLCH
0.404 0.0802 254.2
0.4040.0802254.2LCH
Lightness
Chroma
Hue
OKLAB
0.404 -0.02 -0.08
0.404-0.02-0.08LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons