San Juan

#2D4A6B

General Information about #2D4A6B

The hexadecimal color code #2D4A6B represents a dark shade of blue-gray, often referred to as "San Juan." It is composed of 17.65% red, 29.02% green, and 41.96% blue. In the RGB color model, this equates to 45 red, 74 green, and 107 blue. The color's relatively low saturation gives it a muted, calming appearance. San Juan belongs to the family of cool colors, evoking feelings of serenity, stability, and professionalism. It is often associated with trust, reliability, and sophistication, making it a popular choice in various design applications. The color has a wavelength that falls within the blue region of the visible spectrum.

The color #2D4A6B, 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 as background color, it is recommended to use text sizes of 14 points or higher to enhance readability. Pairing it with lighter shades of gray, yellows, or oranges can improve contrast and accessibility for users with visual impairments. Additionally, avoid using this color for crucial interactive elements without sufficient contrast, as it may be difficult for some users to perceive. Testing with accessibility tools can further ensure optimal usability.

Shades

Digital Color Formats

RGB
45 74 107
RGB45 74 107
Red
Green
Blue
HSL
211.94deg 40.79% 29.8%
211.9440.7929.8HSL
Hue
Saturation
Lightness
HWB
211.94deg 17.65% 58.04%
211.9417.6558.04HWB
Hue
Whiteness
Blackness
hex#2D4A6B
rgb45 74 107
hsl211.94deg 40.79% 29.8%
cmyk57.94% 30.84% 0% 58.04%
hwb211.94deg 17.65% 58.04%
xyz-d650.06 0.07 0.15
oklch0.402 0.0661 252.64
oklab0.402 -0.02 -0.06
CMYK
57.94% 30.84% 0% 58.04%
57.9430.84058.04CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.07 0.15
0.060.070.15XYZ
X
Y
Z
OKLCH
0.402 0.0661 252.64
0.4020.0661252.64LCH
Lightness
Chroma
Hue
OKLAB
0.402 -0.02 -0.06
0.402-0.02-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons