San Juan

#314666

General Information about San Juan (#314666)

The hexadecimal color code #314666, commonly referred to as San Juan, is a dark shade of blue. It is composed of 19.2% red, 27.5% green, and 40% blue. In the RGB color model, it is represented as (49, 70, 102). This color is often associated with feelings of calmness, stability, and sophistication, making it suitable for various design applications. San Juan is frequently used in web design, graphic design, and interior design to create a sense of elegance and professionalism. Its muted tone allows it to be paired with a wide range of other colors, from neutral shades to vibrant accents, providing versatility in design projects. It is a color that is present in natural scenery, from dark sea waters to mountain ranges, which further enhances its appeal.

The color #314666, also known as San Juan, presents moderate accessibility challenges. Its relatively low luminance results in a contrast ratio that may not meet WCAG (Web Content Accessibility Guidelines) standards for normal text against a white background. Specifically, it's crucial to ensure a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text to comply with WCAG AA. When using #314666 for text, consider pairing it with a very light color or white to improve readability. Alternatively, for backgrounds, darker text colors would enhance contrast. Tools such as contrast checkers are valuable for verifying accessibility compliance. Careful consideration of text size, font weight, and spacing can further optimize the viewing experience, especially for users with visual impairments. Using this color for decorative elements poses less of an accessibility concern, but prioritizing readability for interactive elements is paramount.

Shades

Digital Color Formats

RGB
49 70 102
RGB49 70 102
Red
Green
Blue
HSL
216.23deg 35.1% 29.61%
216.2335.129.61HSL
Hue
Saturation
Lightness
HWB
216.23deg 19.22% 60%
216.2319.2260HWB
Hue
Whiteness
Blackness
hex#314666
rgb49 70 102
hsl216.23deg 35.1% 29.61%
cmyk51.96% 31.37% 0% 60%
hwb216.23deg 19.22% 60%
xyz-d650.06 0.06 0.13
oklch0.3917 0.0609 258.61
oklab0.3917 -0.01 -0.06
CMYK
51.96% 31.37% 0% 60%
51.9631.37060CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.13
0.060.060.13XYZ
X
Y
Z
OKLCH
0.3917 0.0609 258.61
0.39170.0609258.61LCH
Lightness
Chroma
Hue
OKLAB
0.3917 -0.01 -0.06
0.3917-0.01-0.06LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons