San Juan

#2C4668

General Information

The hexadecimal color code #2C4668, also referred to as San Juan, represents a dark shade of blue-gray. It is composed of 17.3% red, 27.5% green, and 40.8% blue. In the RGB color model, this translates to 44 red, 70 green, and 104 blue. The corresponding CMYK values are 58% cyan, 33% magenta, 0% yellow, and 59% black. This color is often associated with feelings of calmness, stability, and sophistication. Due to its muted nature, San Juan is versatile and can be used effectively in various design contexts. The color exudes a sense of tranquility and professionalism, making it suitable for applications where trust and reliability are valued.

The color #2C4668, also known as San Juan, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it's crucial to select foreground text colors that offer sufficient contrast to ensure readability for users with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Light shades of yellow, white, or light gray would typically work well as foreground colors against this dark blue-gray backdrop. Tools like WebAIM's contrast checker can be employed to accurately assess the contrast ratio between chosen color combinations, thus ensuring the content is accessible to a broader audience, including those with low vision or color blindness. Consider providing alternative styling options for users to customize the color scheme based on their preferences.

Shades

Digital Color Formats

RGB
44 70 104
RGB44 70 104
Red
Green
Blue
HSL
214deg 40.54% 29.02%
21440.5429.02HSL
Hue
Saturation
Lightness
HWB
214deg 17.25% 59.22%
21417.2559.22HWB
Hue
Whiteness
Blackness
hex#2C4668
rgb44 70 104
hsl214deg 40.54% 29.02%
cmyk57.69% 32.69% 0% 59.22%
hwb214deg 17.25% 59.22%
xyz-d650.06 0.06 0.14
oklch0.3897 0.0665 255.6
oklab0.3897 -0.02 -0.06
CMYK
57.69% 32.69% 0% 59.22%
57.6932.69059.22CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.14
0.060.060.14XYZ
X
Y
Z
OKLCH
0.3897 0.0665 255.6
0.38970.0665255.6LCH
Lightness
Chroma
Hue
OKLAB
0.3897 -0.02 -0.06
0.3897-0.02-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons