#621669#621669

#621669 is a dark, vivid purple. Relative luminance 0.042; OKLCH L 36.7% C 0.147 H 324.3°. Best body text is #FFFFFF at 11.43:1 contrast (WCAG AA passes).

Color values

HEX	#621669
RGB	rgb(98, 22, 105)
HSL	hsl(295, 65%, 25%)
HSV	hsv(295, 79%, 41%)
CMYK	cmyk(6.7%, 79%, 0%, 58.8%)
CIE-LAB	lab(24.29, 44.29, -30.89)
CIE-LCH	lch(24.29, 53.99, 325.11°)
OKLab	oklab(36.68% 0.1197 -0.0861)
OKLCH	oklch(36.68% 0.147 324.3)
XYZ	xyz(7.8735, 4.1909, 13.7561)
Luminance	0.0419 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Royal Purple (survey)

#4B006E

ΔE00 6.60

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#621669 #1D6916

analogous

#391669 #621669 #691646

triadic

#621669 #696216 #166962

tetradic

#621669 #693916 #1D6916 #164669

square

#621669 #693916 #1D6916 #164669

split-complementary

#621669 #466916 #166939

monochromatic

#180519 #330B36 #621669 #91219C #C02BCE

Accessibility & contrast

On white

11.43

#621669 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.84

#621669 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #621669

11.43:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##621669	#FFFFFF	#000000	##FFFFFF
##621669	1.00	11.43	1.84	11.43
#FFFFFF	11.43	1.00	21.00	1.00
#000000	1.84	21.00	1.00	21.00
##FFFFFF	11.43	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#00346B

Deuteranopia (green-blind)

#263D67

Tritanopia (blue-blind)

#64253F

Achromatopsia (no color)

#3A3A3A

Design tokens & code

CSS

--color: #621669;
/* rgb */ color: rgb(98, 22, 105);
/* oklch */ color: oklch(36.7% 0.147 324.3);

Tailwind

colors: {
  custom: {
    50: '#925d94',
    500: '#621669',
    950: '#000000',
  },
}

SCSS

$custom: #621669;
$custom-light: #925d94;
$custom-dark: #000000;

JSON

{
  "hex": "#621669",
  "rgb": {
    "r": 98,
    "g": 22,
    "b": 105
  },
  "hsl": {
    "h": 294.94,
    "s": 65.354,
    "l": 24.902
  },
  "oklch": {
    "l": 0.36677,
    "c": 0.14745,
    "h": 324.3
  },
  "luminance": 0.0419
}

Semantic roles & 50–950 ramp

primary

#621669

secondary

#449F3B

accent

#E83F4E

background

#F9F5F9

surface

#F2E9F1

border

#CCC5CB

text

#0D050D

muted

#7E797E

Preview Lab

Preview with #621669

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

Preview Lab → · Contrast checker → · Palette generator →