San Juan

#304866

General Information about #304866

The hex color #304866, also known as San Juan, is a dark, desaturated blue hue. It belongs to the family of blue colors, specifically falling within the range of cool, muted tones. In the RGB color model, #304866 is composed of 18.82% red, 28.24% green, and 40% blue. This combination results in a color that evokes a sense of tranquility and sophistication. In the world of color theory, San Juan's subdued nature makes it a versatile choice for various applications. The color name 'San Juan' may allude to a geographical location, potentially referencing the color of the sea or sky in that area. It's commonly used in design for creating a sense of calmness and stability.

The hex color #304866, also known as San Juan, presents some accessibility challenges, especially concerning color contrast. When used as a background color, it requires careful selection of foreground text colors to ensure readability. According to WCAG guidelines, the contrast ratio between the text and background should be at least 4.5:1 for normal text and 3:1 for large text. Light shades of yellow, white, or very pale blues would likely provide sufficient contrast. Tools like WebAIM's Contrast Checker can be used to verify compliance. For individuals with visual impairments, including those with low vision or color blindness, adequate contrast is crucial for perceiving content effectively. When employing this color, consider providing alternative visual cues or interactive elements to enhance usability for a wider audience.

Shades

Digital Color Formats

RGB
48 72 102
RGB48 72 102
Red
Green
Blue
HSL
213.33deg 36% 29.41%
213.333629.41HSL
Hue
Saturation
Lightness
HWB
213.33deg 18.82% 60%
213.3318.8260HWB
Hue
Whiteness
Blackness
hex#304866
rgb48 72 102
hsl213.33deg 36% 29.41%
cmyk52.94% 29.41% 0% 60%
hwb213.33deg 18.82% 60%
xyz-d650.06 0.06 0.13
oklch0.396 0.0592 254.54
oklab0.396 -0.02 -0.06
CMYK
52.94% 29.41% 0% 60%
52.9429.41060CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.13
0.060.060.13XYZ
X
Y
Z
OKLCH
0.396 0.0592 254.54
0.3960.0592254.54LCH
Lightness
Chroma
Hue
OKLAB
0.396 -0.02 -0.06
0.396-0.02-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons