#602310#602310

#602310 is a dark, moderate red. Relative luminance 0.037; OKLCH L 34.4% C 0.094 H 37.4°. Best body text is #FFFFFF at 12.03:1 contrast (WCAG AA passes).

Color values

HEX#602310
RGBrgb(96, 35, 16)
HSLhsl(14, 71%, 22%)
HSVhsv(14, 83%, 38%)
CMYKcmyk(0%, 63.5%, 83.3%, 62.4%)
CIE-LABlab(22.75, 26.60, 26.08)
CIE-LCHlch(22.75, 37.25, 44.43°)
OKLaboklab(34.41% 0.0746 0.0571)
OKLCHoklch(34.41% 0.094 37.4)
XYZxyz(5.5190, 3.7270, 0.9189)
Luminance0.0373 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#602310 #104D60
analogous
#601025 #602310 #604B10
triadic
#602310 #106023 #231060
tetradic
#602310 #256010 #104D60 #4B1060
square
#602310 #256010 #104D60 #4B1060
split-complementary
#602310 #10604B #102560
monochromatic
#1A0A04 #2C1007 #602310 #943619 #C94921

Accessibility & contrast

On white

12.03
#602310 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.75
#602310 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #602310
12.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##602310#FFFFFF#000000##FFFFFF
##6023101.0012.031.7512.03
#FFFFFF12.031.0021.001.00
#0000001.7521.001.0021.00
##FFFFFF12.031.0021.001.00

Color blindness preview

Protanopia (red-blind)
#342E0D
Deuteranopia (green-blind)
#433B0E
Tritanopia (blue-blind)
#6A141F
Achromatopsia (no color)
#363636

Design tokens & code

CSS
--color: #602310;
/* rgb */ color: rgb(96, 35, 16);
/* oklch */ color: oklch(34.4% 0.094 37.4);
Tailwind
colors: {
  custom: {
    50: '#93604f',
    500: '#602310',
    950: '#000000',
  },
}
SCSS
$custom: #602310;
$custom-light: #93604f;
$custom-dark: #000000;
JSON
{
  "hex": "#602310",
  "rgb": {
    "r": 96,
    "g": 35,
    "b": 16
  },
  "hsl": {
    "h": 14.25,
    "s": 71.429,
    "l": 21.961
  },
  "oklch": {
    "l": 0.34409,
    "c": 0.09393,
    "h": 37.4
  },
  "luminance": 0.03726
}

Semantic roles & 50–950 ramp

primary
#602310
secondary
#338199
accent
#C3EE3A
background
#F9F5F4
surface
#F2EAE7
border
#CCC6C3
text
#0E0502
muted
#7E7978

Preview Lab

Preview with #602310

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

Preview Lab → · Contrast checker → · Palette generator →

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