San Juan

#2D4A6F

General Information about #2D4A6F (San Juan)

The hex color #2D4A6F, also known as San Juan, is a dark, muted shade of blue with a hint of gray. It is a sophisticated and versatile color often associated with trust, stability, and professionalism. In the RGB color model, it is composed of 17.65% red, 29.02% green, and 43.53% blue. In the CMYK color model, it consists of 59.44% cyan, 33.52% magenta, 0% yellow, and 56.47% black. This color finds use in diverse applications, from corporate branding to interior design, thanks to its calming yet authoritative presence. Its subtle nature makes it an excellent choice for backgrounds or elements that require a refined and understated look.

The color #2D4A6F, also known as San Juan, presents moderate accessibility challenges. Its contrast ratio against white is approximately 4.6:1, which meets the WCAG AA standard for normal text but falls short of the AAA standard. When used for larger text elements (14pt bold or 18pt regular), it can meet the AA standard. Against black, the contrast ratio is lower, posing accessibility concerns. Designers should carefully consider the background color when using #2D4A6F to ensure sufficient contrast for users with visual impairments. To improve accessibility, consider lightening the color or using a darker background. Testing with accessibility tools is highly recommended to validate color choices.

Shades

Digital Color Formats

RGB
45 74 111
RGB45 74 111
Red
Green
Blue
HSL
213.64deg 42.31% 30.59%
213.6442.3130.59HSL
Hue
Saturation
Lightness
HWB
213.64deg 17.65% 56.47%
213.6417.6556.47HWB
Hue
Whiteness
Blackness
hex#2D4A6F
rgb45 74 111
hsl213.64deg 42.31% 30.59%
cmyk59.46% 33.33% 0% 56.47%
hwb213.64deg 17.65% 56.47%
xyz-d650.06 0.07 0.16
oklch0.4043 0.0719 255.14
oklab0.4043 -0.02 -0.07
CMYK
59.46% 33.33% 0% 56.47%
59.4633.33056.47CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.07 0.16
0.060.070.16XYZ
X
Y
Z
OKLCH
0.4043 0.0719 255.14
0.40430.0719255.14LCH
Lightness
Chroma
Hue
OKLAB
0.4043 -0.02 -0.07
0.4043-0.02-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons