San Juan

#2C4F5F

General Information about #2C4F5F

The hex color #2C4F5F, also known as San Juan, is a dark, muted shade of blue-green. It evokes a sense of calm, stability, and sophistication. In the RGB color model, it consists of 17.25% red, 30.98% green, and 37.25% blue. In the CMYK color model, it is composed of 54% cyan, 17% magenta, 0% yellow, and 63% black. This color is often associated with nature, water, and tranquility, making it a popular choice for branding and design projects that aim to convey a sense of reliability and trustworthiness. It is a versatile color that can be used in various applications, from web design to interior design.

The hex color #2C4F5F, also known as San Juan, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it's crucial to ensure that text and other foreground elements have sufficient contrast to meet WCAG (Web Content Accessibility Guidelines) standards. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using a color contrast checker is highly advisable to verify compliance. Pairing #2C4F5F with lighter shades of yellow, beige, or even light gray can improve readability. Conversely, avoid using it with dark colors or similar shades of blue or green, as this will likely result in inadequate contrast. Thoughtful color selection ensures that content is accessible to users with visual impairments.

Shades

Digital Color Formats

RGB
44 79 95
RGB44 79 95
Red
Green
Blue
HSL
198.82deg 36.69% 27.25%
198.8236.6927.25HSL
Hue
Saturation
Lightness
HWB
198.82deg 17.25% 62.75%
198.8217.2562.75HWB
Hue
Whiteness
Blackness
hex#2C4F5F
rgb44 79 95
hsl198.82deg 36.69% 27.25%
cmyk53.68% 16.84% 0% 62.75%
hwb198.82deg 17.25% 62.75%
xyz-d650.06 0.07 0.12
oklch0.4081 0.0487 229.19
oklab0.4081 -0.03 -0.04
CMYK
53.68% 16.84% 0% 62.75%
53.6816.84062.75CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.07 0.12
0.060.070.12XYZ
X
Y
Z
OKLCH
0.4081 0.0487 229.19
0.40810.0487229.19LCH
Lightness
Chroma
Hue
OKLAB
0.4081 -0.03 -0.04
0.4081-0.03-0.04LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons