#690674 Color

#690674 is rgb(105, 6, 116) in RGB and hsl(294, 90%, 24%) in HSL. The closest CSS named color is Purple. White text is most readable on this background.

#690674

HEX#690674

RGBrgb(105, 6, 116)

HSLhsl(294, 90%, 24%)

HSVhsv(294, 95%, 45%)

OKLCHoklch(37.6% 0.172 323.2)

CMYKcmyk(9%, 95%, 0%, 55%)

Text Contrast & Accessibility

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

TextWhite text11.18:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#690674 Complementary#117406 Analogous#320674 Analogous#740648 Triadic#746906 Triadic#067469

Tints & Shades

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

Tints

#9A09AA #C50BDA #E02AF4 #E75AF6 #EF90F9 #F6C0FC

Shades

#5C0566 #4F0557 #420449 #39033F #2C0330 #1F0222

Use #690674 in Our Tools

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