#672389#672389

#672389 is a dark, vivid purple. Relative luminance 0.059; OKLCH L 41.0% C 0.164 H 311.7°. Best body text is #FFFFFF at 9.64:1 contrast (WCAG AA passes).

Color values

HEX#672389
RGBrgb(103, 35, 137)
HSLhsl(280, 59%, 34%)
HSVhsv(280, 74%, 54%)
CMYKcmyk(24.8%, 74.5%, 0%, 46.3%)
CIE-LABlab(29.14, 46.93, -43.38)
CIE-LCHlch(29.14, 63.91, 317.25°)
OKLaboklab(41% 0.1095 -0.1227)
OKLCHoklch(41% 0.164 311.7)
XYZxyz(10.7091, 5.8921, 24.2352)
Luminance0.0589 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#672389 #458923
analogous
#342389 #672389 #892378
triadic
#672389 #896723 #238967
tetradic
#672389 #893423 #458923 #237889
square
#672389 #893423 #458923 #237889
split-complementary
#672389 #788923 #238934
monochromatic
#1E0A28 #421758 #672389 #8C2FBA #A953D3

Accessibility & contrast

On white

9.64
#672389 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.18
#672389 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #672389
9.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##672389#FFFFFF#000000##FFFFFF
##6723891.009.642.189.64
#FFFFFF9.641.0021.001.00
#0000002.1821.001.0021.00
##FFFFFF9.641.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00418C
Deuteranopia (green-blind)
#154687
Tritanopia (blue-blind)
#633A54
Achromatopsia (no color)
#454545

Design tokens & code

CSS
--color: #672389;
/* rgb */ color: rgb(103, 35, 137);
/* oklch */ color: oklch(41.0% 0.164 311.7);
Tailwind
colors: {
  custom: {
    50: '#9665ac',
    500: '#672389',
    950: '#000000',
  },
}
SCSS
$custom: #672389;
$custom-light: #9665ac;
$custom-dark: #000000;
JSON
{
  "hex": "#672389",
  "rgb": {
    "r": 103,
    "g": 35,
    "b": 137
  },
  "hsl": {
    "h": 280,
    "s": 59.302,
    "l": 33.725
  },
  "oklch": {
    "l": 0.40998,
    "c": 0.16441,
    "h": 311.7
  },
  "luminance": 0.05892
}

Semantic roles & 50–950 ramp

primary
#672389
secondary
#73B751
accent
#E2457A
background
#F9F6FA
surface
#F2EBF4
border
#CCC6CE
text
#0E0610
muted
#7E7A7F

Preview Lab

Preview with #672389

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

Preview Lab → · Contrast checker → · Palette generator →

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