#392902#392902

#392902 is a dark, muted orange. Relative luminance 0.025; OKLCH L 29.2% C 0.058 H 84.8°. Best body text is #FFFFFF at 14.08:1 contrast (WCAG AA passes).

Color values

HEX#392902
RGBrgb(57, 41, 2)
HSLhsl(43, 93%, 12%)
HSVhsv(43, 96%, 22%)
CMYKcmyk(0%, 28.1%, 96.5%, 77.6%)
CIE-LABlab(17.74, 3.10, 24.85)
CIE-LCHlch(17.74, 25.04, 82.88°)
OKLaboklab(29.2% 0.0052 0.0576)
OKLCHoklch(29.2% 0.058 84.8)
XYZxyz(2.4914, 2.4603, 0.4011)
Luminance0.0246 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#392902 #021239
analogous
#390E02 #392902 #2E3902
triadic
#392902 #023929 #290239
tetradic
#392902 #02390E #021239 #39022E
square
#392902 #02390E #021239 #39022E
split-complementary
#392902 #022E39 #0E0239
monochromatic
#1E1501 #1E1501 #392902 #745404 #AF7E06

Accessibility & contrast

On white

14.08
#392902 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.49
#392902 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #392902
14.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##392902#FFFFFF#000000##FFFFFF
##3929021.0014.081.4914.08
#FFFFFF14.081.0021.001.00
#0000001.4921.001.0021.00
##FFFFFF14.081.0021.001.00

Color blindness preview

Protanopia (red-blind)
#302900
Deuteranopia (green-blind)
#342D03
Tritanopia (blue-blind)
#3F2422
Achromatopsia (no color)
#2B2B2B

Design tokens & code

CSS
--color: #392902;
/* rgb */ color: rgb(57, 41, 2);
/* oklch */ color: oklch(29.2% 0.058 84.8);
Tailwind
colors: {
  custom: {
    50: '#726248',
    500: '#392902',
    950: '#000000',
  },
}
SCSS
$custom: #392902;
$custom-light: #726248;
$custom-dark: #000000;
JSON
{
  "hex": "#392902",
  "rgb": {
    "r": 57,
    "g": 41,
    "b": 2
  },
  "hsl": {
    "h": 42.545,
    "s": 93.22,
    "l": 11.569
  },
  "oklch": {
    "l": 0.29199,
    "c": 0.05781,
    "h": 84.8
  },
  "luminance": 0.0246
}

Semantic roles & 50–950 ramp

primary
#392902
secondary
#1A377D
accent
#67FF29
background
#F7F5F4
surface
#EDEAE6
border
#C8C6C2
text
#080500
muted
#7B7977

Preview Lab

Preview with #392902

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

Preview Lab → · Contrast checker → · Palette generator →

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