#370A49#370A49

#370A49 is a dark, moderate purple. Relative luminance 0.015; OKLCH L 26.2% C 0.112 H 313.9°. Best body text is #FFFFFF at 16.13:1 contrast (WCAG AA passes).

Color values

HEX	#370A49
RGB	rgb(55, 10, 73)
HSL	hsl(283, 76%, 16%)
HSV	hsv(283, 86%, 29%)
CMYK	cmyk(24.7%, 86.3%, 0%, 71.4%)
CIE-LAB	lab(12.67, 32.40, -28.49)
CIE-LCH	lch(12.67, 43.15, 318.67°)
OKLab	oklab(26.17% 0.0774 -0.0805)
OKLCH	oklch(26.17% 0.112 313.9)
XYZ	xyz(2.8865, 1.5104, 6.4415)
Luminance	0.0151 (WCAG relative)
Temperature	cool
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#370A49 #1C490A

analogous

#180A49 #370A49 #490A3C

triadic

#370A49 #49370A #0A4937

tetradic

#370A49 #49180A #1C490A #0A3C49

square

#370A49 #49180A #1C490A #0A3C49

split-complementary

#370A49 #3C490A #0A4918

monochromatic

#14041B #14041B #370A49 #60117F #8819B5

Accessibility & contrast

On white

16.13

#370A49 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.30

#370A49 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #370A49

16.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##370A49	#FFFFFF	#000000	##FFFFFF
##370A49	1.00	16.13	1.30	16.13
#FFFFFF	16.13	1.00	21.00	1.00
#000000	1.30	21.00	1.00	21.00
##FFFFFF	16.13	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#001F4B

Deuteranopia (green-blind)

#052248

Tritanopia (blue-blind)

#351929

Achromatopsia (no color)

#212121

Design tokens & code

CSS

--color: #370a49;
/* rgb */ color: rgb(55, 10, 73);
/* oklch */ color: oklch(26.2% 0.112 313.9);

Tailwind

colors: {
  custom: {
    50: '#714f7c',
    500: '#370a49',
    950: '#000000',
  },
}

SCSS

$custom: #370a49;
$custom-light: #714f7c;
$custom-dark: #000000;

JSON

{
  "hex": "#370a49",
  "rgb": {
    "r": 55,
    "g": 10,
    "b": 73
  },
  "hsl": {
    "h": 282.857,
    "s": 75.904,
    "l": 16.275
  },
  "oklch": {
    "l": 0.26174,
    "c": 0.11168,
    "h": 313.9
  },
  "luminance": 0.0151
}

Semantic roles & 50–950 ramp

primary

#370A49

secondary

#438629

accent

#F2356B

background

#F7F4F7

surface

#EDE7EE

border

#C8C3C9

text

#080209

muted

#7B787B

Preview Lab

Preview with #370A49

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

Preview Lab → · Contrast checker → · Palette generator →