#690C3F Color

#690C3F is rgb(105, 12, 63) in RGB and hsl(327, 79%, 23%) in HSL. The closest CSS named color is Maroon. White text is most readable on this background.

#690C3F

HEX#690C3F

RGBrgb(105, 12, 63)

HSLhsl(327, 79%, 23%)

HSVhsv(327, 89%, 41%)

OKLCHoklch(34.8% 0.132 353.8)

CMYKcmyk(0%, 89%, 40%, 59%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#690C3F Complementary#0C6936 Analogous#640C69 Analogous#690C11 Triadic#3F690C Triadic#0C3F69

Tints & Shades

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

Tints

#9B125E #C91879 #E73295 #ED64AF #F396C9 #F8C4E0

Shades

#5B0B37 #520A32 #440829 #370621 #290519 #200413

Use #690C3F in Our Tools

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