San Juan

#304668

General Information about #304668

The hexadecimal color #304668, commonly known as San Juan, is a dark, muted shade of blue. It is composed of 18.8% red, 27.5% green, and 40.8% blue. In the RGB color space, this equates to R:48, G:70, B:104. The color has a calming and professional feel, often associated with reliability and trust. In the HSV/HSB color space, its hue is 216 degrees, saturation is 53.8%, and brightness is 40.8%. This color is a popular choice in corporate branding and web design for its understated elegance and versatility, providing a solid foundation for various design elements. San Juan is well-suited for creating a sophisticated atmosphere.

The color #304668, also known as San Juan, presents moderate accessibility challenges. Its contrast ratio against white (#FFFFFF) is approximately 4.6:1, which meets WCAG AA standards for normal text but falls short for large text and UI components. Against black (#000000), the contrast ratio is around 4.5:1, similarly suitable for normal text at AA level. To enhance accessibility, consider using a lighter shade of text for better readability or employing background colors that provide higher contrast. Tools like contrast checkers can help assess color pairings and ensure compliance with accessibility guidelines, promoting inclusive design for users with visual impairments. Designers should always prioritize accessibility to create user-friendly experiences.

Shades

Digital Color Formats

RGB
48 70 104
RGB48 70 104
Red
Green
Blue
HSL
216.43deg 36.84% 29.8%
216.4336.8429.8HSL
Hue
Saturation
Lightness
HWB
216.43deg 18.82% 59.22%
216.4318.8259.22HWB
Hue
Whiteness
Blackness
hex#304668
rgb48 70 104
hsl216.43deg 36.84% 29.8%
cmyk53.85% 32.69% 0% 59.22%
hwb216.43deg 18.82% 59.22%
xyz-d650.06 0.06 0.14
oklch0.3922 0.0644 258.87
oklab0.3922 -0.01 -0.06
CMYK
53.85% 32.69% 0% 59.22%
53.8532.69059.22CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.14
0.060.060.14XYZ
X
Y
Z
OKLCH
0.3922 0.0644 258.87
0.39220.0644258.87LCH
Lightness
Chroma
Hue
OKLAB
0.3922 -0.01 -0.06
0.3922-0.01-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons