San Juan

#2F4F6B

General Information

The hex color #2F4F6B, commonly known as San Juan, is a dark grayish-blue hue that is often associated with sophistication, calmness, and reliability. It belongs to the family of blue colors, known for their tranquil and stable qualities. In the RGB color model, #2F4F6B is composed of 18.43% red, 30.98% green, and 41.96% blue. This color is frequently used in graphic design and web development to create a sense of professionalism and trustworthiness. Its subdued nature makes it a versatile choice for backgrounds, text, and accents, lending a touch of elegance to various design projects. It's a color choice that balances visual appeal with functional clarity.

The hex color #2F4F6B, also known as San Juan, presents some accessibility challenges, especially when used as a background or text color. With a relatively low contrast ratio against white, text rendered in this color might be difficult for users with visual impairments to read. To improve accessibility, consider pairing it with lighter shades for text or using it as a background with very light or white text. Tools like contrast checkers can help ensure sufficient contrast ratios according to WCAG guidelines. This is crucial for ensuring that web content is usable by individuals with varying visual abilities. Remember to test color combinations thoroughly to avoid creating barriers to content consumption.

Shades

Digital Color Formats

RGB
47 79 107
RGB47 79 107
Red
Green
Blue
HSL
208deg 38.96% 30.2%
20838.9630.2HSL
Hue
Saturation
Lightness
HWB
208deg 18.43% 58.04%
20818.4358.04HWB
Hue
Whiteness
Blackness
hex#2F4F6B
rgb47 79 107
hsl208deg 38.96% 30.2%
cmyk56.07% 26.17% 0% 58.04%
hwb208deg 18.43% 58.04%
xyz-d650.07 0.07 0.15
oklch0.4157 0.0605 246.32
oklab0.4157 -0.02 -0.06
CMYK
56.07% 26.17% 0% 58.04%
56.0726.17058.04CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.07 0.15
0.070.070.15XYZ
X
Y
Z
OKLCH
0.4157 0.0605 246.32
0.41570.0605246.32LCH
Lightness
Chroma
Hue
OKLAB
0.4157 -0.02 -0.06
0.4157-0.02-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons