San Juan

#304A68

General Information about #304A68

The hex color #304A68, also known as San Juan, is a muted, dark shade of blue-gray. In the RGB color model, it is composed of 19.84% red, 29.02% green, and 40.78% blue. In the CMYK color model, its composition is 51.39% cyan, 28.93% magenta, 0% yellow, and 59.22% black. This color is often associated with feelings of stability, calmness, and sophistication. It is commonly used in designs where a subtle, professional aesthetic is desired. The color's relatively low saturation gives it a subdued appearance, making it suitable for backgrounds and elements that should not be overly attention-grabbing.

The hex color #304A68, also known as San Juan, presents some accessibility challenges, especially when used as a background or text color. Its relatively low luminance contrast ratio against white may make it difficult for users with visual impairments to read text rendered in this color. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. To enhance accessibility, consider pairing #304A68 with lighter colors for text or interactive elements. Alternatively, for background use, ensuring that foreground elements have sufficient contrast is crucial. Using color contrast analyzers and adhering to accessibility standards are important steps for inclusive design when incorporating this color.

Shades

Digital Color Formats

RGB
48 74 104
RGB48 74 104
Red
Green
Blue
HSL
212.14deg 36.84% 29.8%
212.1436.8429.8HSL
Hue
Saturation
Lightness
HWB
212.14deg 18.82% 59.22%
212.1418.8259.22HWB
Hue
Whiteness
Blackness
hex#304A68
rgb48 74 104
hsl212.14deg 36.84% 29.8%
cmyk53.85% 28.85% 0% 59.22%
hwb212.14deg 18.82% 59.22%
xyz-d650.06 0.07 0.14
oklch0.4021 0.0602 252.8
oklab0.4021 -0.02 -0.06
CMYK
53.85% 28.85% 0% 59.22%
53.8528.85059.22CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.07 0.14
0.060.070.14XYZ
X
Y
Z
OKLCH
0.4021 0.0602 252.8
0.40210.0602252.8LCH
Lightness
Chroma
Hue
OKLAB
0.4021 -0.02 -0.06
0.4021-0.02-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons