#370842#370842

#370842 is a dark, moderate purple. Relative luminance 0.014; OKLCH L 25.4% C 0.107 H 319.0°. Best body text is #FFFFFF at 16.46:1 contrast (WCAG AA passes).

Color values

HEX#370842
RGBrgb(55, 8, 66)
HSLhsl(289, 78%, 15%)
HSVhsv(289, 88%, 26%)
CMYKcmyk(16.7%, 87.9%, 0%, 74.1%)
CIE-LABlab(11.82, 31.62, -24.97)
CIE-LCHlch(11.82, 40.29, 321.70°)
OKLaboklab(25.39% 0.0808 -0.0702)
OKLCHoklch(25.39% 0.107 319)
XYZxyz(2.6456, 1.3794, 5.2801)
Luminance0.0138 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#370842 #134208
analogous
#1A0842 #370842 #420830
triadic
#370842 #423708 #084237
tetradic
#370842 #421A08 #134208 #083042
square
#370842 #421A08 #134208 #083042
split-complementary
#370842 #304208 #08421A
monochromatic
#17031B #17031B #370842 #640F79 #9215AF

Accessibility & contrast

On white

16.46
#370842 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.28
#370842 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #370842
16.46:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##370842#FFFFFF#000000##FFFFFF
##3708421.0016.461.2816.46
#FFFFFF16.461.0021.001.00
#0000001.2821.001.0021.00
##FFFFFF16.461.0021.001.00

Color blindness preview

Protanopia (red-blind)
#001C44
Deuteranopia (green-blind)
#0C2141
Tritanopia (blue-blind)
#371525
Achromatopsia (no color)
#1F1F1F

Design tokens & code

CSS
--color: #370842;
/* rgb */ color: rgb(55, 8, 66);
/* oklch */ color: oklch(25.4% 0.107 319.0);
Tailwind
colors: {
  custom: {
    50: '#704e77',
    500: '#370842',
    950: '#000000',
  },
}
SCSS
$custom: #370842;
$custom-light: #704e77;
$custom-dark: #000000;
JSON
{
  "hex": "#370842",
  "rgb": {
    "r": 55,
    "g": 8,
    "b": 66
  },
  "hsl": {
    "h": 288.621,
    "s": 78.378,
    "l": 14.51
  },
  "oklch": {
    "l": 0.25391,
    "c": 0.10699,
    "h": 319
  },
  "luminance": 0.01379
}

Semantic roles & 50–950 ramp

primary
#370842
secondary
#378025
accent
#F53358
background
#F7F4F7
surface
#EDE7ED
border
#C8C3C8
text
#080208
muted
#7B787B

Preview Lab

Preview with #370842

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

Preview Lab → · Contrast checker → · Palette generator →

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