San Juan

#2F4C68

General Information about San Juan (#2F4C68)

San Juan, represented by the hex code #2F4C68, is a muted, dark shade of blue-gray. It sits comfortably in the cooler spectrum of colors, evoking a sense of calmness, stability, and sophistication. In terms of color composition, it's a blend of blue and gray tones, resulting in a color that's both subdued and refined. This makes it a versatile choice for various applications, ranging from web design to interior decor. The color is often associated with professionalism and trustworthiness, making it suitable for branding and corporate identities. Its muted nature allows it to pair well with both lighter and bolder colors, offering flexibility in design palettes.

The color #2F4C68, also known as San Juan, presents some accessibility considerations for web developers. Its relatively low luminance means that text rendered in this color on a white background might not meet WCAG (Web Content Accessibility Guidelines) standards for contrast ratio. To ensure readability and accessibility, it's crucial to use a lighter color for text when paired with #2F4C68 as a background. Alternatively, a darker shade should be used as a background if #2F4C68 is the text color. Tools that measure contrast ratios can help developers verify compliance with accessibility guidelines, ensuring that content is usable by individuals with visual impairments. Proper attention to color contrast is not just about meeting standards; it's about creating an inclusive web experience for all users.

Shades

Digital Color Formats

RGB
47 76 104
RGB47 76 104
Red
Green
Blue
HSL
209.47deg 37.75% 29.61%
209.4737.7529.61HSL
Hue
Saturation
Lightness
HWB
209.47deg 18.43% 59.22%
209.4718.4359.22HWB
Hue
Whiteness
Blackness
hex#2F4C68
rgb47 76 104
hsl209.47deg 37.75% 29.61%
cmyk54.81% 26.92% 0% 59.22%
hwb209.47deg 18.43% 59.22%
xyz-d650.06 0.07 0.14
oklch0.4065 0.0589 248.66
oklab0.4065 -0.02 -0.05
CMYK
54.81% 26.92% 0% 59.22%
54.8126.92059.22CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.07 0.14
0.060.070.14XYZ
X
Y
Z
OKLCH
0.4065 0.0589 248.66
0.40650.0589248.66LCH
Lightness
Chroma
Hue
OKLAB
0.4065 -0.02 -0.05
0.4065-0.02-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons