San Juan

#2D4C6B

General Information about San Juan (#2D4C6B)

The hexadecimal color code #2D4C6B, also known as San Juan, is a muted, medium-dark shade of blue-gray. It belongs to the broader family of blue colors, exhibiting a serene and sophisticated character. In the RGB (Red, Green, Blue) color model, #2D4C6B is composed of 17.65% red, 29.8% green, and 41.96% blue. In the CMYK (Cyan, Magenta, Yellow, Key/Black) color model, it consists of 58% cyan, 29% magenta, 0% yellow, and 58% black. This color is often associated with qualities such as calmness, stability, and trustworthiness, making it a popular choice in various design applications. Its relatively low saturation and moderate brightness contribute to its versatility, allowing it to be used effectively in both light and dark color schemes. San Juan's subtle elegance makes it suitable for creating a sense of depth and sophistication in visual designs.

The color #2D4C6B, also known as San Juan, presents some accessibility challenges, particularly regarding color contrast. When used as text against a white background, it may not meet the WCAG (Web Content Accessibility Guidelines) AA contrast ratio requirements, making it difficult for users with visual impairments to read. To improve accessibility, it's recommended to pair this color with lighter backgrounds, such as white (#FFFFFF) or very light grays, or use it for larger text elements where contrast is less critical. Consider using it for decorative purposes like icons or non-essential design elements. Additionally, providing alternative color schemes that offer better contrast is beneficial for users with various visual needs. Tools like color contrast checkers can help determine if the color combination meets accessibility standards. For interactive elements like buttons, ensure sufficient contrast for both the default and hover states. Avoid using it for crucial informational elements without proper contrast.

Shades

Digital Color Formats

RGB
45 76 107
RGB45 76 107
Red
Green
Blue
HSL
210deg 40.79% 29.8%
21040.7929.8HSL
Hue
Saturation
Lightness
HWB
210deg 17.65% 58.04%
21017.6558.04HWB
Hue
Whiteness
Blackness
hex#2D4C6B
rgb45 76 107
hsl210deg 40.79% 29.8%
cmyk57.94% 28.97% 0% 58.04%
hwb210deg 17.65% 58.04%
xyz-d650.06 0.07 0.15
oklch0.407 0.0642 249.69
oklab0.407 -0.02 -0.06
CMYK
57.94% 28.97% 0% 58.04%
57.9428.97058.04CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.07 0.15
0.060.070.15XYZ
X
Y
Z
OKLCH
0.407 0.0642 249.69
0.4070.0642249.69LCH
Lightness
Chroma
Hue
OKLAB
0.407 -0.02 -0.06
0.407-0.02-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons