San Juan

#224B63

General Information about San Juan (#224B63)

The hexadecimal color code #224B63, also known as San Juan, represents a dark shade of blue-green within the broader spectrum of colors. In the RGB color model, it is composed of 13.33% red, 29.41% green, and 38.82% blue. This particular combination results in a color that conveys a sense of calmness and stability, often associated with professionalism and trustworthiness. Colors similar to San Juan can be found in natural settings, such as deep ocean waters or twilight skies, further contributing to its serene and grounded feel. Understanding the composition of this color in different color models helps designers and artists effectively utilize it in various applications, ranging from digital interfaces to physical artworks.

The color #224B63, also known as San Juan, presents some accessibility challenges, especially regarding color contrast. When used as a background color, it requires careful selection of foreground text colors to ensure readability. A light text color, such as white or a very light gray, is recommended to achieve sufficient contrast, ideally meeting WCAG (Web Content Accessibility Guidelines) AA standards, which require a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. To verify contrast ratios, developers can use online tools. Conversely, if #224B63 is used as a text color, the background should be a significantly lighter hue. It's crucial to avoid pairing this color with similar dark shades, as this will lead to poor visibility and a negative user experience, especially for users with visual impairments.

Shades

Digital Color Formats

RGB
34 75 99
RGB34 75 99
Red
Green
Blue
HSL
202.15deg 48.87% 26.08%
202.1548.8726.08HSL
Hue
Saturation
Lightness
HWB
202.15deg 13.33% 61.18%
202.1513.3361.18HWB
Hue
Whiteness
Blackness
hex#224B63
rgb34 75 99
hsl202.15deg 48.87% 26.08%
cmyk65.66% 24.24% 0% 61.18%
hwb202.15deg 13.33% 61.18%
xyz-d650.05 0.06 0.13
oklch0.3946 0.0614 236.89
oklab0.3946 -0.03 -0.05
CMYK
65.66% 24.24% 0% 61.18%
65.6624.24061.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.06 0.13
0.050.060.13XYZ
X
Y
Z
OKLCH
0.3946 0.0614 236.89
0.39460.0614236.89LCH
Lightness
Chroma
Hue
OKLAB
0.3946 -0.03 -0.05
0.3946-0.03-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons