San Juan

#305066

General Information about #305066

The hexadecimal color code #305066 represents a dark, desaturated shade of cyan-blue, often described as a deep teal or slate blue. It belongs to the family of blue colors and has a calming, sophisticated aesthetic. In the RGB color model, it is composed of 18.82% red, 31.37% green, and 40% blue. In the CMYK color model, it is composed of 53% cyan, 22% magenta, 0% yellow, and 60% black. Colors similar to #305066 evoke feelings of stability, trust, and professionalism, making it a popular choice for corporate branding, web design, and interior decoration where a sense of tranquility and sophistication is desired.

The color #305066, also known as San Juan, presents moderate accessibility challenges. Its contrast ratio against white is approximately 4.6:1, which meets WCAG AA standards for normal text but falls short of AAA requirements. For larger text (18pt or 14pt bold), it generally meets AA standards. When paired with black, the contrast is insufficient for both normal and large text, making it difficult for users with visual impairments to read. To improve accessibility, consider using lighter text colors like white or bright yellow on this background, or using #305066 for decorative elements rather than critical text. Ensure sufficient contrast when using this color to comply with accessibility guidelines and provide a better experience for all users.

Shades

Digital Color Formats

RGB
48 80 102
RGB48 80 102
Red
Green
Blue
HSL
204.44deg 36% 29.41%
204.443629.41HSL
Hue
Saturation
Lightness
HWB
204.44deg 18.82% 60%
204.4418.8260HWB
Hue
Whiteness
Blackness
hex#305066
rgb48 80 102
hsl204.44deg 36% 29.41%
cmyk52.94% 21.57% 0% 60%
hwb204.44deg 18.82% 60%
xyz-d650.06 0.07 0.14
oklch0.4163 0.0528 239.82
oklab0.4163 -0.03 -0.05
CMYK
52.94% 21.57% 0% 60%
52.9421.57060CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.07 0.14
0.060.070.14XYZ
X
Y
Z
OKLCH
0.4163 0.0528 239.82
0.41630.0528239.82LCH
Lightness
Chroma
Hue
OKLAB
0.4163 -0.03 -0.05
0.4163-0.03-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons