#6D2177#6D2177

#6D2177 is a dark, vivid purple. Relative luminance 0.057; OKLCH L 40.4% C 0.152 H 322.8°. Best body text is #FFFFFF at 9.84:1 contrast (WCAG AA passes).

Color values

HEX#6D2177
RGBrgb(109, 33, 119)
HSLhsl(293, 57%, 30%)
HSVhsv(293, 72%, 47%)
CMYKcmyk(8.4%, 72.3%, 0%, 53.3%)
CIE-LABlab(28.57, 45.35, -32.94)
CIE-LCHlch(28.57, 56.05, 324.01°)
OKLaboklab(40.39% 0.1212 -0.0919)
OKLCHoklch(40.39% 0.152 322.8)
XYZxyz(10.1800, 5.6714, 18.0077)
Luminance0.0567 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6D2177 #2B7721
analogous
#422177 #6D2177 #772156
triadic
#6D2177 #776D21 #21776D
tetradic
#6D2177 #774221 #2B7721 #215677
square
#6D2177 #774221 #2B7721 #215677
split-complementary
#6D2177 #567721 #217742
monochromatic
#160718 #411447 #6D2177 #992EA7 #BC47CC

Accessibility & contrast

On white

9.84
#6D2177 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.13
#6D2177 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #6D2177
9.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6D2177#FFFFFF#000000##FFFFFF
##6D21771.009.842.139.84
#FFFFFF9.841.0021.001.00
#0000002.1321.001.0021.00
##FFFFFF9.841.0021.001.00

Color blindness preview

Protanopia (red-blind)
#053E79
Deuteranopia (green-blind)
#2E4675
Tritanopia (blue-blind)
#6F3049
Achromatopsia (no color)
#434343

Design tokens & code

CSS
--color: #6d2177;
/* rgb */ color: rgb(109, 33, 119);
/* oklch */ color: oklch(40.4% 0.152 322.8);
Tailwind
colors: {
  custom: {
    50: '#9a649f',
    500: '#6d2177',
    950: '#000000',
  },
}
SCSS
$custom: #6d2177;
$custom-light: #9a649f;
$custom-dark: #000000;
JSON
{
  "hex": "#6d2177",
  "rgb": {
    "r": 109,
    "g": 33,
    "b": 119
  },
  "hsl": {
    "h": 293.023,
    "s": 56.579,
    "l": 29.804
  },
  "oklch": {
    "l": 0.40392,
    "c": 0.15205,
    "h": 322.8
  },
  "luminance": 0.05671
}

Semantic roles & 50–950 ramp

primary
#6D2177
secondary
#55AA4A
accent
#E0485A
background
#F9F6F9
surface
#F2EBF2
border
#CCC6CC
text
#0E060E
muted
#7E7A7E

Preview Lab

Preview with #6D2177

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#6D2177 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva