San Juan

#2A4971

General Information

The hexadecimal color #2A4971, also recognized as San Juan, is a dark, muted shade of blue. It is composed of 16.47% red, 28.63% green, and 44.31% blue. In the RGB color space, it's a combination that leans heavily towards the blue end of the spectrum, resulting in its cool and calming character. This color is often associated with feelings of stability, trustworthiness, and sophistication. Its muted nature makes it a versatile choice for various design applications. San Juan's darker tone also makes it suitable for situations where a subtle yet impactful color is desired.

The color #2A4971, also known as San Juan, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it necessitates light-colored text to ensure sufficient contrast for readability, ideally adhering to WCAG (Web Content Accessibility Guidelines) standards. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Tools like online contrast checkers can help verify compliance. Due to its relatively dark hue, avoid pairing it with similarly dark colors. Ensuring sufficient contrast is essential for users with visual impairments, guaranteeing a more inclusive and user-friendly experience. Careful consideration of font size and weight also plays a role in optimizing readability against this background.

Shades

Digital Color Formats

RGB
42 73 113
RGB42 73 113
Red
Green
Blue
HSL
213.8deg 45.81% 30.39%
213.845.8130.39HSL
Hue
Saturation
Lightness
HWB
213.8deg 16.47% 55.69%
213.816.4755.69HWB
Hue
Whiteness
Blackness
hex#2A4971
rgb42 73 113
hsl213.8deg 45.81% 30.39%
cmyk62.83% 35.4% 0% 55.69%
hwb213.8deg 16.47% 55.69%
xyz-d650.06 0.06 0.17
oklch0.4013 0.0774 255.47
oklab0.4013 -0.02 -0.07
CMYK
62.83% 35.4% 0% 55.69%
62.8335.4055.69CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.17
0.060.060.17XYZ
X
Y
Z
OKLCH
0.4013 0.0774 255.47
0.40130.0774255.47LCH
Lightness
Chroma
Hue
OKLAB
0.4013 -0.02 -0.07
0.4013-0.02-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons