#6B4E88 Color

#6B4E88 is rgb(107, 78, 136) in RGB and hsl(270, 27%, 42%) in HSL. The closest CSS named color is RebeccaPurple. White text is most readable on this background.

#6B4E88

HEX#6B4E88

RGBrgb(107, 78, 136)

HSLhsl(270, 27%, 42%)

HSVhsv(270, 43%, 53%)

OKLCHoklch(47.9% 0.096 306.1)

CMYKcmyk(21%, 43%, 0%, 47%)

Text Contrast & Accessibility

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

TextWhite text6.84:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.07:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#6B4E88 Complementary#6B884E Analogous#4E4E88 Analogous#884E88 Triadic#886B4E Triadic#4E886B

Tints & Shades

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

Tints

#7F5DA2 #9477B1 #A891C0 #BDABCF #D1C5DD #E6DFEC

Shades

#5E4578 #4F3A64 #423054 #332541 #261C31 #17111D

Use #6B4E88 in Our Tools

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