#321C05#321C05

#321C05 is a dark, muted orange. Relative luminance 0.015; OKLCH L 25.1% C 0.049 H 63.8°. Best body text is #FFFFFF at 16.10:1 contrast (WCAG AA passes).

Color values

HEX#321C05
RGBrgb(50, 28, 5)
HSLhsl(31, 82%, 11%)
HSVhsv(31, 90%, 20%)
CMYKcmyk(0%, 44%, 90%, 80.4%)
CIE-LABlab(12.73, 8.39, 17.03)
CIE-LCHlch(12.73, 18.98, 63.78°)
OKLaboklab(25.08% 0.0217 0.0443)
OKLCHoklch(25.08% 0.049 63.8)
XYZxyz(1.7582, 1.5197, 0.3443)
Luminance0.0152 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#321C05 #051B32
analogous
#320605 #321C05 #313205
triadic
#321C05 #05321C #1C0532
tetradic
#321C05 #053206 #051B32 #320531
square
#321C05 #053206 #051B32 #320531
split-complementary
#321C05 #053132 #060532
monochromatic
#1C1003 #1C1003 #321C05 #6A3B0B #A15A10

Accessibility & contrast

On white

16.10
#321C05 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.30
#321C05 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #321C05
16.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##321C05#FFFFFF#000000##FFFFFF
##321C051.0016.101.3016.10
#FFFFFF16.101.0021.001.00
#0000001.3021.001.0021.00
##FFFFFF16.101.0021.001.00

Color blindness preview

Protanopia (red-blind)
#231E03
Deuteranopia (green-blind)
#282305
Tritanopia (blue-blind)
#381717
Achromatopsia (no color)
#212121

Design tokens & code

CSS
--color: #321c05;
/* rgb */ color: rgb(50, 28, 5);
/* oklch */ color: oklch(25.1% 0.049 63.8);
Tailwind
colors: {
  custom: {
    50: '#6c5849',
    500: '#321c05',
    950: '#000000',
  },
}
SCSS
$custom: #321c05;
$custom-light: #6c5849;
$custom-dark: #000000;
JSON
{
  "hex": "#321c05",
  "rgb": {
    "r": 50,
    "g": 28,
    "b": 5
  },
  "hsl": {
    "h": 30.667,
    "s": 81.818,
    "l": 10.784
  },
  "oklch": {
    "l": 0.25079,
    "c": 0.0493,
    "h": 63.8
  },
  "luminance": 0.0152
}

Semantic roles & 50–950 ramp

primary
#321C05
secondary
#1F4873
accent
#92F830
background
#F6F5F4
surface
#ECE9E6
border
#C7C5C2
text
#070300
muted
#7A7877

Preview Lab

Preview with #321C05

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

Preview Lab → · Contrast checker → · Palette generator →

#321C05 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva