San Juan

#284A64

General Information about #284A64 (San Juan)

The hex color #284A64, also known as San Juan, is a dark, muted shade of blue with subtle gray undertones. In the RGB color model, it is composed of 16.08% red, 29.02% green, and 39.22% blue. Its CMYK representation is 0.59, 0.26, 0.00, 0.61, indicating a higher proportion of cyan and black. This color is often associated with feelings of calmness, stability, and sophistication. It's frequently used in contexts where a sense of trustworthiness and professionalism is desired. San Juan's relative darkness means it pairs well with lighter colors to create contrast, or with similar muted tones for a harmonious, analogous palette. It belongs to the broader family of blue hues, but its desaturated nature distinguishes it from brighter, more vibrant blues.

The hex color #284A64, also known as San Juan, presents some accessibility considerations, particularly in web design. Its relatively low luminance can pose challenges for users with visual impairments. When used as a text color, it's crucial to ensure a sufficient contrast ratio against the background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text (14pt bold or 18pt regular). Using tools like contrast checkers can help determine if the chosen color combination meets these standards. If the contrast is insufficient, consider lightening the color or using a lighter background. For interactive elements like buttons or links, providing clear visual cues beyond color, such as underlines or borders, can further improve accessibility. Also, consider that people with color blindness might perceive this color differently. Always test designs with color blindness simulators and avoid relying solely on color to convey important information.

Shades

Digital Color Formats

RGB
40 74 100
RGB40 74 100
Red
Green
Blue
HSL
206deg 42.86% 27.45%
20642.8627.45HSL
Hue
Saturation
Lightness
HWB
206deg 15.69% 60.78%
20615.6960.78HWB
Hue
Whiteness
Blackness
hex#284A64
rgb40 74 100
hsl206deg 42.86% 27.45%
cmyk60% 26% 0% 60.78%
hwb206deg 15.69% 60.78%
xyz-d650.06 0.06 0.13
oklch0.3954 0.0595 243.19
oklab0.3954 -0.03 -0.05
CMYK
60% 26% 0% 60.78%
6026060.78CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.13
0.060.060.13XYZ
X
Y
Z
OKLCH
0.3954 0.0595 243.19
0.39540.0595243.19LCH
Lightness
Chroma
Hue
OKLAB
0.3954 -0.03 -0.05
0.3954-0.03-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons