San Juan

#304C6B

General Information about #304C6B

The hexadecimal color code #304C6B represents a shade of blue, commonly known as "San Juan". In the RGB color model, it is composed of 18.82% red, 29.8% green, and 41.96% blue. In the CMYK color model, it consists of 55% cyan, 29% magenta, 0% yellow, and 58% black. This color exudes a sense of calmness, stability, and sophistication. Its cool undertones make it a popular choice for various design applications where a sense of trust and professionalism is desired. The color is located in the bluish-cyan part of the color spectrum, indicating its association with tranquility and reliability.

The color #304C6B, 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 standards. When used for large text (14pt bold or 18pt regular), it marginally meets AA standards. Against black, the contrast is lower, requiring careful consideration of text size and weight. To improve accessibility, consider using lighter shades of text on #304C6B backgrounds or pairing it with more contrasting colors for interactive elements like buttons and links. Always test color combinations with accessibility tools to ensure compliance with WCAG guidelines for users with visual impairments.

Shades

Digital Color Formats

RGB
48 76 107
RGB48 76 107
Red
Green
Blue
HSL
211.53deg 38.06% 30.39%
211.5338.0630.39HSL
Hue
Saturation
Lightness
HWB
211.53deg 18.82% 58.04%
211.5318.8258.04HWB
Hue
Whiteness
Blackness
hex#304C6B
rgb48 76 107
hsl211.53deg 38.06% 30.39%
cmyk55.14% 28.97% 0% 58.04%
hwb211.53deg 18.82% 58.04%
xyz-d650.06 0.07 0.15
oklch0.4087 0.0625 251.91
oklab0.4087 -0.02 -0.06
CMYK
55.14% 28.97% 0% 58.04%
55.1428.97058.04CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.07 0.15
0.060.070.15XYZ
X
Y
Z
OKLCH
0.4087 0.0625 251.91
0.40870.0625251.91LCH
Lightness
Chroma
Hue
OKLAB
0.4087 -0.02 -0.06
0.4087-0.02-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons