San Juan

#294B77

General Information about #294B77 (San Juan)

The hexadecimal color code #294B77 represents a dark shade of blue, often referred to as "San Juan". In the RGB color model, it consists of 16.08% red, 29.41% green, and 46.67% blue. This color leans towards the cooler side of the spectrum, evoking feelings of calmness, stability, and trust. It is often associated with professionalism and sophistication. The CMYK values for #294B77 are 0.65, 0.37, 0.00, 0.53, indicating that it is primarily composed of cyan and magenta. Its dark nature gives it a sense of depth and seriousness.

The color #294B77, also known as San Juan, presents some accessibility considerations for web development. Its darkness level impacts text legibility. When using #294B77 as a background color, ensure sufficient contrast with the foreground text. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text (14pt bold or 18pt regular) to comply with WCAG guidelines. Lighter text colors like white (#FFFFFF) or very light grays are advisable to achieve adequate contrast. Using online contrast checkers can help verify compliance. When used for interactive elements, provide additional visual cues beyond color alone to ensure usability for users with color vision deficiencies. For example, add an icon or text label to differentiate buttons or links.

Shades

Digital Color Formats

RGB
41 75 119
RGB41 75 119
Red
Green
Blue
HSL
213.85deg 48.75% 31.37%
213.8548.7531.37HSL
Hue
Saturation
Lightness
HWB
213.85deg 16.08% 53.33%
213.8516.0853.33HWB
Hue
Whiteness
Blackness
hex#294B77
rgb41 75 119
hsl213.85deg 48.75% 31.37%
cmyk65.55% 36.97% 0% 53.33%
hwb213.85deg 16.08% 53.33%
xyz-d650.07 0.07 0.18
oklch0.4094 0.0844 255.62
oklab0.4094 -0.02 -0.08
CMYK
65.55% 36.97% 0% 53.33%
65.5536.97053.33CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.07 0.18
0.070.070.18XYZ
X
Y
Z
OKLCH
0.4094 0.0844 255.62
0.40940.0844255.62LCH
Lightness
Chroma
Hue
OKLAB
0.4094 -0.02 -0.08
0.4094-0.02-0.08LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons