San Juan

#2E566A

General Information about San Juan

The hex color #2E566A, also known as San Juan, is a dark, muted shade of cyan-blue. It is composed of 18.04% red, 33.73% green, and 41.57% blue. In the RGB color model, it has the values (46, 86, 106). This color is often associated with calmness, stability, and sophistication. It is frequently used in design to evoke a sense of tranquility and professionalism. San Juan belongs to the family of cool colors, making it suitable for creating a relaxing atmosphere. Its muted nature allows it to be used in various applications without being visually overwhelming, providing a versatile option for designers and artists alike.

The color #2E566A, also known as San Juan, presents some accessibility considerations for web development. Its relative darkness means it generally works better with lighter text colors to ensure sufficient contrast. When used as a background, pairing it with white or very light gray text is advisable. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Before implementing #2E566A, it is crucial to test the color combination with the intended text to verify compliance with these guidelines. This ensures readability for users with visual impairments. Tools are available to help evaluate color contrast ratios and identify potential accessibility issues, promoting a more inclusive user experience.

Shades

Digital Color Formats

RGB
46 86 106
RGB46 86 106
Red
Green
Blue
HSL
200deg 39.47% 29.8%
20039.4729.8HSL
Hue
Saturation
Lightness
HWB
200deg 18.04% 58.43%
20018.0458.43HWB
Hue
Whiteness
Blackness
hex#2E566A
rgb46 86 106
hsl200deg 39.47% 29.8%
cmyk56.6% 18.87% 0% 58.43%
hwb200deg 18.04% 58.43%
xyz-d650.07 0.08 0.15
oklch0.4326 0.056 231.83
oklab0.4326 -0.03 -0.04
CMYK
56.6% 18.87% 0% 58.43%
56.618.87058.43CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.08 0.15
0.070.080.15XYZ
X
Y
Z
OKLCH
0.4326 0.056 231.83
0.43260.056231.83LCH
Lightness
Chroma
Hue
OKLAB
0.4326 -0.03 -0.04
0.4326-0.03-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons