#672772#672772

#672772 is a dark, vivid purple. Relative luminance 0.056; OKLCH L 39.9% C 0.136 H 321.5°. Best body text is #FFFFFF at 9.95:1 contrast (WCAG AA passes).

Color values

HEX#672772
RGBrgb(103, 39, 114)
HSLhsl(291, 49%, 30%)
HSVhsv(291, 66%, 45%)
CMYKcmyk(9.6%, 65.8%, 0%, 55.3%)
CIE-LABlab(28.25, 40.14, -30.33)
CIE-LCHlch(28.25, 50.31, 322.93°)
OKLaboklab(39.87% 0.1063 -0.0845)
OKLCHoklch(39.87% 0.136 321.5)
XYZxyz(9.3560, 5.5500, 16.4948)
Luminance0.0555 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#672772 #327227
analogous
#412772 #672772 #722758
triadic
#672772 #726727 #277267
tetradic
#672772 #724127 #327227 #275872
square
#672772 #724127 #327227 #275872
split-complementary
#672772 #587227 #277241
monochromatic
#150817 #3E1744 #672772 #9037A0 #B250C3

Accessibility & contrast

On white

9.95
#672772 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.11
#672772 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #672772
9.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##672772#FFFFFF#000000##FFFFFF
##6727721.009.952.119.95
#FFFFFF9.951.0021.001.00
#0000002.1121.001.0021.00
##FFFFFF9.951.0021.001.00

Color blindness preview

Protanopia (red-blind)
#153E74
Deuteranopia (green-blind)
#2F4570
Tritanopia (blue-blind)
#683349
Achromatopsia (no color)
#434343

Design tokens & code

CSS
--color: #672772;
/* rgb */ color: rgb(103, 39, 114);
/* oklch */ color: oklch(39.9% 0.136 321.5);
Tailwind
colors: {
  custom: {
    50: '#95669b',
    500: '#672772',
    950: '#000000',
  },
}
SCSS
$custom: #672772;
$custom-light: #95669b;
$custom-dark: #000000;
JSON
{
  "hex": "#672772",
  "rgb": {
    "r": 103,
    "g": 39,
    "b": 114
  },
  "hsl": {
    "h": 291.2,
    "s": 49.02,
    "l": 30
  },
  "oklch": {
    "l": 0.39866,
    "c": 0.13577,
    "h": 321.5
  },
  "luminance": 0.0555
}

Semantic roles & 50–950 ramp

primary
#672772
secondary
#5DA450
accent
#D94F63
background
#F9F6F9
surface
#F2EBF2
border
#CCC6CC
text
#0D060E
muted
#7E7A7E

Preview Lab

Preview with #672772

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

Preview Lab → · Contrast checker → · Palette generator →

#672772 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva