San Juan

#2A516E

General Information

The hex color #2A516E, also known as San Juan, is a dark, muted shade of blue. It belongs to the cyan-blue hue family. In the RGB color model, it is composed of 16.47% red, 31.76% green, and 43.14% blue. In the CMYK color model, it consists of 62% cyan, 26% magenta, 0% yellow, and 57% black. This color is often associated with feelings of tranquility, stability, and professionalism. Its subdued nature makes it a versatile choice for various design applications where a subtle yet sophisticated aesthetic is desired. Its dark shade has good contrast with lighter colors.

The hex color #2A516E, also known as San Juan, presents some accessibility challenges, especially when used for text. Its relatively low lightness value means that it requires careful consideration of contrast ratios. To ensure readability, it's crucial to pair this color with light backgrounds or text colors. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text, as per WCAG guidelines. Using a color contrast checker is essential to verify compliance. When using #2A516E for interactive elements, like buttons or links, sufficient visual cues beyond color alone should be provided to accommodate users with color vision deficiencies. Thoughtful application of this color can enhance the user experience for everyone.

Shades

Digital Color Formats

RGB
42 81 110
RGB42 81 110
Red
Green
Blue
HSL
205.59deg 44.74% 29.8%
205.5944.7429.8HSL
Hue
Saturation
Lightness
HWB
205.59deg 16.47% 56.86%
205.5916.4756.86HWB
Hue
Whiteness
Blackness
hex#2A516E
rgb42 81 110
hsl205.59deg 44.74% 29.8%
cmyk61.82% 26.36% 0% 56.86%
hwb205.59deg 16.47% 56.86%
xyz-d650.07 0.08 0.16
oklch0.4197 0.0658 242.71
oklab0.4197 -0.03 -0.06
CMYK
61.82% 26.36% 0% 56.86%
61.8226.36056.86CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.08 0.16
0.070.080.16XYZ
X
Y
Z
OKLCH
0.4197 0.0658 242.71
0.41970.0658242.71LCH
Lightness
Chroma
Hue
OKLAB
0.4197 -0.03 -0.06
0.4197-0.03-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons