San Juan

#2E5271

General Information about #2E5271

The hexadecimal color #2E5271, commonly known as San Juan, is a dark, muted shade of blue with moderate saturation. In the RGB color model, it consists of 18.04% red, 32.16% green, and 44.31% blue. In the CMYK color model, its composition is 59.27% cyan, 27.43% magenta, 0% yellow, and 55.69% black. This color is often associated with feelings of calmness, stability, and trustworthiness, making it a popular choice in various design applications. Its subtle nature allows it to be used effectively as a background color or as an accent color, depending on the desired aesthetic. The color name 'San Juan' evokes a sense of tranquility and sophistication.

The color #2E5271, 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 or UI components, it provides sufficient contrast. However, for smaller text sizes, users with moderate visual impairments may experience difficulty. Pairing it with lighter shades like whites or light yellows can improve readability. Conversely, using it with darker colors should be avoided to maintain accessibility. Consider providing alternative color schemes to accommodate users with different visual needs, such as those with color blindness.

Shades

Digital Color Formats

RGB
46 82 113
RGB46 82 113
Red
Green
Blue
HSL
207.76deg 42.14% 31.18%
207.7642.1431.18HSL
Hue
Saturation
Lightness
HWB
207.76deg 18.04% 55.69%
207.7618.0455.69HWB
Hue
Whiteness
Blackness
hex#2E5271
rgb46 82 113
hsl207.76deg 42.14% 31.18%
cmyk59.29% 27.43% 0% 55.69%
hwb207.76deg 18.04% 55.69%
xyz-d650.07 0.08 0.17
oklch0.4259 0.0666 246.19
oklab0.4259 -0.03 -0.06
CMYK
59.29% 27.43% 0% 55.69%
59.2927.43055.69CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.08 0.17
0.070.080.17XYZ
X
Y
Z
OKLCH
0.4259 0.0666 246.19
0.42590.0666246.19LCH
Lightness
Chroma
Hue
OKLAB
0.4259 -0.03 -0.06
0.4259-0.03-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons