San Juan

#284A77

General Information about #284A77

The hexadecimal color #284A77, often referred to as "San Juan", is a dark, muted shade of blue. It is composed of 15.7% red, 29% green, and 46.7% blue. In the RGB color space, it is a relatively cool color, leaning towards the blue end of the spectrum. It is a popular color choice for conveying a sense of stability, trustworthiness, and sophistication. In color psychology, dark blues are often associated with intelligence, authority, and dependability. The color's low saturation makes it easy on the eyes and versatile for various applications. It avoids being overly vibrant, lending it to professional and serious contexts.

The hex color #284A77, also known as San Juan, presents moderate accessibility considerations for web development. Its contrast ratio against white (#FFFFFF) is approximately 3.8:1, which meets the minimum WCAG AA standard for normal text but falls short of the AAA standard. When used for smaller text or crucial interactive elements, readability might be compromised for users with visual impairments. Pairing this color with lighter shades like #B0C4DE (Light Steel Blue) or #E6E6FA (Lavender) can significantly improve legibility. Conversely, avoid using #284A77 with darker colors as it will create insufficient contrast. Careful consideration of font size, weight, and surrounding colors is necessary to ensure an inclusive user experience. Providing alternative high-contrast themes or adjustable color settings can further enhance accessibility.

Shades

Digital Color Formats

RGB
40 74 119
RGB40 74 119
Red
Green
Blue
HSL
214.18deg 49.69% 31.18%
214.1849.6931.18HSL
Hue
Saturation
Lightness
HWB
214.18deg 15.69% 53.33%
214.1815.6953.33HWB
Hue
Whiteness
Blackness
hex#284A77
rgb40 74 119
hsl214.18deg 49.69% 31.18%
cmyk66.39% 37.82% 0% 53.33%
hwb214.18deg 15.69% 53.33%
xyz-d650.07 0.07 0.18
oklch0.4064 0.086 256.08
oklab0.4064 -0.02 -0.08
CMYK
66.39% 37.82% 0% 53.33%
66.3937.82053.33CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.07 0.18
0.070.070.18XYZ
X
Y
Z
OKLCH
0.4064 0.086 256.08
0.40640.086256.08LCH
Lightness
Chroma
Hue
OKLAB
0.4064 -0.02 -0.08
0.4064-0.02-0.08LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons