Bay of Many

#213F93

General Information about #213F93

The hexadecimal color code #213F93 represents a dark shade of blue. In the RGB color model, it consists of 12.94% red, 24.71% green, and 57.65% blue. In the CMYK color model, it is composed of 77.69% cyan, 57.69% magenta, 0% yellow, and 42.35% black. This color is often associated with feelings of trust, stability, and knowledge. It's a popular choice in corporate branding, educational materials, and designs aiming to convey professionalism and reliability. Colors with a higher blue component are often favored when creating a sense of calm and focus.

The color #213F93, also known as Bay of Many, presents some accessibility challenges, particularly regarding color contrast. When used as a background color, it requires light-colored text to ensure readability. A contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text to meet WCAG (Web Content Accessibility Guidelines) standards. Tools like contrast checkers can help verify compliance. Avoid pairing it with dark colors, as this will make content difficult to read for users with visual impairments. Careful consideration of font size and weight can slightly mitigate contrast issues, but light text remains the most effective solution. When using this color for interactive elements, ensure sufficient contrast for hover and focus states as well.

Shades

Digital Color Formats

RGB
33 63 147
RGB33 63 147
Red
Green
Blue
HSL
224.21deg 63.33% 35.29%
224.2163.3335.29HSL
Hue
Saturation
Lightness
HWB
224.21deg 12.94% 42.35%
224.2112.9442.35HWB
Hue
Whiteness
Blackness
hex#213F93
rgb33 63 147
hsl224.21deg 63.33% 35.29%
cmyk77.55% 57.14% 0% 42.35%
hwb224.21deg 12.94% 42.35%
xyz-d650.08 0.06 0.28
oklch0.3986 0.1432 265.41
oklab0.3986 -0.01 -0.14
CMYK
77.55% 57.14% 0% 42.35%
77.5557.14042.35CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.08 0.06 0.28
0.080.060.28XYZ
X
Y
Z
OKLCH
0.3986 0.1432 265.41
0.39860.1432265.41LCH
Lightness
Chroma
Hue
OKLAB
0.3986 -0.01 -0.14
0.3986-0.01-0.14LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons