#370526#370526

#370526 is a very dark, moderate pink. Relative luminance 0.011; OKLCH L 23.1% C 0.087 H 345.4°. Best body text is #FFFFFF at 17.32:1 contrast (WCAG AA passes).

Color values

HEX#370526
RGBrgb(55, 5, 38)
HSLhsl(320, 83%, 12%)
HSVhsv(320, 91%, 22%)
CMYKcmyk(0%, 90.9%, 30.9%, 78.4%)
CIE-LABlab(9.49, 27.71, -8.24)
CIE-LCHlch(9.49, 28.91, 343.45°)
OKLaboklab(23.13% 0.0842 -0.0219)
OKLCHoklch(23.13% 0.087 345.4)
XYZxyz(1.9798, 1.0609, 1.9339)
Luminance0.0106 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#370526 #053716
analogous
#2F0537 #370526 #37050D
triadic
#370526 #263705 #052637
tetradic
#370526 #372F05 #053716 #050D37
square
#370526 #372F05 #053716 #050D37
split-complementary
#370526 #0D3705 #05372F
monochromatic
#1C0313 #1C0313 #370526 #6F0A4D #A70F74

Accessibility & contrast

On white

17.32
#370526 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.21
#370526 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #370526
17.32:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##370526#FFFFFF#000000##FFFFFF
##3705261.0017.321.2117.32
#FFFFFF17.321.0021.001.00
#0000001.2121.001.0021.00
##FFFFFF17.321.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0B1527
Deuteranopia (green-blind)
#1B1E25
Tritanopia (blue-blind)
#3B0414
Achromatopsia (no color)
#1A1A1A

Design tokens & code

CSS
--color: #370526;
/* rgb */ color: rgb(55, 5, 38);
/* oklch */ color: oklch(23.1% 0.087 345.4);
Tailwind
colors: {
  custom: {
    50: '#704b60',
    500: '#370526',
    950: '#000000',
  },
}
SCSS
$custom: #370526;
$custom-light: #704b60;
$custom-dark: #000000;
JSON
{
  "hex": "#370526",
  "rgb": {
    "r": 55,
    "g": 5,
    "b": 38
  },
  "hsl": {
    "h": 320.4,
    "s": 83.333,
    "l": 11.765
  },
  "oklch": {
    "l": 0.23129,
    "c": 0.08696,
    "h": 345.4
  },
  "luminance": 0.01061
}

Semantic roles & 50–950 ramp

primary
#370526
secondary
#20783E
accent
#FA732E
background
#F7F4F5
surface
#EDE7E9
border
#C8C3C5
text
#080104
muted
#7B7779

Preview Lab

Preview with #370526

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

Preview Lab → · Contrast checker → · Palette generator →

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