#690221 Color

#690221 is rgb(105, 2, 33) in RGB and hsl(342, 96%, 21%) in HSL. The closest CSS named color is Maroon. White text is most readable on this background.

#690221

HEX#690221

RGBrgb(105, 2, 33)

HSLhsl(342, 96%, 21%)

HSVhsv(342, 98%, 41%)

OKLCHoklch(33.3% 0.131 13.8)

CMYKcmyk(0%, 98%, 69%, 59%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #690221 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text12.87:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.63:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

Colors that pair well with #690221 based on color wheel relationships. Click any swatch for its full breakdown.

Base#690221 Complementary#02694A Analogous#690254 Analogous#691702 Triadic#216902 Triadic#022169

Tints & Shades

Lighter tints and darker shades of #690221, useful for hover states, backgrounds, and text variants.

Tints

#A00332 #D70444 #FA195D #FB5083 #FD87AA #FEBED1

Shades

#5F021E #500219 #460116 #370111 #2D010E #1E0109

Use #690221 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex