#360608#360608

#360608 is a very dark, moderate red. Relative luminance 0.009; OKLCH L 22.0% C 0.075 H 23.7°. Best body text is #FFFFFF at 17.70:1 contrast (WCAG AA passes).

Color values

HEX#360608
RGBrgb(54, 6, 8)
HSLhsl(358, 80%, 12%)
HSVhsv(358, 89%, 21%)
CMYKcmyk(0%, 88.9%, 85.2%, 78.8%)
CIE-LABlab(8.41, 23.72, 9.88)
CIE-LCHlch(8.41, 25.69, 22.61°)
OKLaboklab(21.97% 0.0691 0.0303)
OKLCHoklch(21.97% 0.075 23.7)
XYZxyz(1.6305, 0.9323, 0.3238)
Luminance0.0093 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#360608 #063634
analogous
#360620 #360608 #361C06
triadic
#360608 #083606 #060836
tetradic
#360608 #203606 #063634 #1C0636
square
#360608 #203606 #063634 #1C0636
split-complementary
#360608 #06361C #062036
monochromatic
#1C0304 #1C0304 #360608 #6D0C10 #A41218

Accessibility & contrast

On white

17.70
#360608 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.19
#360608 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #360608
17.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##360608#FFFFFF#000000##FFFFFF
##3606081.0017.701.1917.70
#FFFFFF17.701.0021.001.00
#0000001.1921.001.0021.00
##FFFFFF17.701.0021.001.00

Color blindness preview

Protanopia (red-blind)
#141208
Deuteranopia (green-blind)
#201C07
Tritanopia (blue-blind)
#3C0007
Achromatopsia (no color)
#181818

Design tokens & code

CSS
--color: #360608;
/* rgb */ color: rgb(54, 6, 8);
/* oklch */ color: oklch(22.0% 0.075 23.7);
Tailwind
colors: {
  custom: {
    50: '#714a4a',
    500: '#360608',
    950: '#000000',
  },
}
SCSS
$custom: #360608;
$custom-light: #714a4a;
$custom-dark: #000000;
JSON
{
  "hex": "#360608",
  "rgb": {
    "r": 54,
    "g": 6,
    "b": 8
  },
  "hsl": {
    "h": 357.5,
    "s": 80,
    "l": 11.765
  },
  "oklch": {
    "l": 0.21966,
    "c": 0.07547,
    "h": 23.7
  },
  "luminance": 0.00932
}

Semantic roles & 50–950 ramp

primary
#360608
secondary
#217673
accent
#F6EE31
background
#F7F4F4
surface
#EDE7E7
border
#C8C3C3
text
#080101
muted
#7B7777

Preview Lab

Preview with #360608

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

Preview Lab → · Contrast checker → · Palette generator →

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