San Juan

#284C73

General Information

The hex color #284C73, also known as San Juan, is a dark, muted shade of blue. It belongs to the blue color family and is often associated with feelings of stability, trust, and calmness. In the RGB color model, it is composed of 15.7% red, 29.8% green, and 45.1% blue. In the CMYK color model, used in printing, it consists of 65% cyan, 34% magenta, 0% yellow, and 55% black. This color is often used in corporate branding, web design, and interior decor to evoke a sense of professionalism and reliability. It is a versatile color that can be combined with various other colors to create different moods and effects. Its dark tone makes it suitable for creating contrast and highlighting important elements.

The color #284C73, also known as San Juan, has a low contrast ratio against white text, making it difficult for users with visual impairments to read. According to WCAG guidelines, the contrast ratio should be at least 4.5:1 for normal text and 3:1 for large text. When used as a background color, it's crucial to pair it with a light color like white, light gray, or beige to ensure readability. For buttons and interactive elements, consider using a more vibrant color for better visual distinction and to meet accessibility standards. Tools like contrast checkers can help determine if the color combination meets the required contrast ratio, promoting inclusive design for all users and adhering to ADA compliance.

Shades

Digital Color Formats

RGB
40 76 115
RGB40 76 115
Red
Green
Blue
HSL
211.2deg 48.39% 30.39%
211.248.3930.39HSL
Hue
Saturation
Lightness
HWB
211.2deg 15.69% 54.9%
211.215.6954.9HWB
Hue
Whiteness
Blackness
hex#284C73
rgb40 76 115
hsl211.2deg 48.39% 30.39%
cmyk65.22% 33.91% 0% 54.9%
hwb211.2deg 15.69% 54.9%
xyz-d650.07 0.07 0.17
oklch0.4089 0.0781 251.96
oklab0.4089 -0.02 -0.07
CMYK
65.22% 33.91% 0% 54.9%
65.2233.91054.9CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.07 0.17
0.070.070.17XYZ
X
Y
Z
OKLCH
0.4089 0.0781 251.96
0.40890.0781251.96LCH
Lightness
Chroma
Hue
OKLAB
0.4089 -0.02 -0.07
0.4089-0.02-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons