San Juan

#30506B

General Information about San Juan

The hexadecimal color #30506B, commonly known as San Juan, is a dark, muted shade of blue-gray. It resides within the cyan-blue color family but leans towards a more subdued and sophisticated appearance. In the RGB color model, #30506B is composed of 19.6% red, 31.4% green, and 41.96% blue. This color evokes feelings of calmness, stability, and professionalism. It is often associated with trustworthiness and reliability, making it a popular choice for branding and visual communication in various industries. San Juan's subtle nature allows it to be versatile and adaptable to different design contexts.

The color #30506B, also known as San Juan, presents moderate accessibility challenges. Its contrast ratio against pure white is approximately 4.5:1, which meets the minimum requirements for WCAG AA compliance for normal text and large text elements. However, when paired with darker shades, the contrast may fall below acceptable levels, hindering readability for users with visual impairments. To improve accessibility, consider using lighter text colors or adding a background overlay to increase contrast. Ensure that interactive elements using this color have sufficient visual cues beyond color alone. Careful consideration of color pairings and adherence to accessibility guidelines are crucial for ensuring an inclusive user experience.

Shades

Digital Color Formats

RGB
48 80 107
RGB48 80 107
Red
Green
Blue
HSL
207.46deg 38.06% 30.39%
207.4638.0630.39HSL
Hue
Saturation
Lightness
HWB
207.46deg 18.82% 58.04%
207.4618.8258.04HWB
Hue
Whiteness
Blackness
hex#30506B
rgb48 80 107
hsl207.46deg 38.06% 30.39%
cmyk55.14% 25.23% 0% 58.04%
hwb207.46deg 18.82% 58.04%
xyz-d650.07 0.07 0.15
oklch0.4188 0.0591 245.34
oklab0.4188 -0.02 -0.05
CMYK
55.14% 25.23% 0% 58.04%
55.1425.23058.04CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.07 0.15
0.070.070.15XYZ
X
Y
Z
OKLCH
0.4188 0.0591 245.34
0.41880.0591245.34LCH
Lightness
Chroma
Hue
OKLAB
0.4188 -0.02 -0.05
0.4188-0.02-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons