San Juan

#2A4871

General Information about #2A4871

The hexadecimal color code #2a4871 represents a dark shade of blue, often referred to as 'San Juan'. It belongs to the broader family of blue hues but possesses a unique depth and richness. In the RGB color model, it is composed of 16.47% red, 28.24% green, and 44.31% blue. The corresponding CMYK values are 0.63, 0.37, 0.00, and 0.56. This color evokes feelings of calmness, stability, and sophistication. Its cool undertones make it versatile for various design applications, from web development to interior decor. Understanding its composition and properties is essential for effectively using it in creative projects.

The hex color #2a4871, also known as San Juan, presents some accessibility challenges. Its relatively low luminance can make it difficult to read text rendered in this color, especially for users with visual impairments. When using #2a4871 as a background color, it is crucial to ensure that the foreground text color has a sufficient contrast ratio as defined by WCAG guidelines (ideally 4.5:1 for normal text and 3:1 for large text). Tools like contrast checkers can help verify compliance. Pairing this color with lighter shades of yellow, white, or green can enhance readability. Avoid using #2a4871 for crucial interactive elements without proper visual cues as those elements might become hard to identify for users.

Shades

Digital Color Formats

RGB
42 72 113
RGB42 72 113
Red
Green
Blue
HSL
214.65deg 45.81% 30.39%
214.6545.8130.39HSL
Hue
Saturation
Lightness
HWB
214.65deg 16.47% 55.69%
214.6516.4755.69HWB
Hue
Whiteness
Blackness
hex#2A4871
rgb42 72 113
hsl214.65deg 45.81% 30.39%
cmyk62.83% 36.28% 0% 55.69%
hwb214.65deg 16.47% 55.69%
xyz-d650.06 0.06 0.17
oklch0.3989 0.0786 256.59
oklab0.3989 -0.02 -0.08
CMYK
62.83% 36.28% 0% 55.69%
62.8336.28055.69CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.17
0.060.060.17XYZ
X
Y
Z
OKLCH
0.3989 0.0786 256.59
0.39890.0786256.59LCH
Lightness
Chroma
Hue
OKLAB
0.3989 -0.02 -0.08
0.3989-0.02-0.08LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons