#83411B#83411B

#83411B is a mid, moderate orange. Relative luminance 0.087; OKLCH L 45.2% C 0.104 H 47.7°. Best body text is #FFFFFF at 7.67:1 contrast (WCAG AA passes).

Color values

HEX#83411B
RGBrgb(131, 65, 27)
HSLhsl(22, 66%, 31%)
HSVhsv(22, 79%, 51%)
CMYKcmyk(0%, 50.4%, 79.4%, 48.6%)
CIE-LABlab(35.37, 25.50, 34.85)
CIE-LCHlch(35.37, 43.18, 53.81°)
OKLaboklab(45.24% 0.0699 0.0766)
OKLCHoklch(45.24% 0.104 47.7)
XYZxyz(11.4493, 8.6864, 2.1104)
Luminance0.0868 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#83411B #1B5D83
analogous
#831B29 #83411B #83751B
triadic
#83411B #1B8341 #411B83
tetradic
#83411B #29831B #1B5D83 #751B83
square
#83411B #29831B #1B5D83 #751B83
split-complementary
#83411B #1B8375 #1B2983
monochromatic
#1E0F06 #502811 #83411B #B65A25 #D87841

Accessibility & contrast

On white

7.67
#83411B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.74
#83411B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #83411B
7.67:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##83411B#FFFFFF#000000##FFFFFF
##83411B1.007.672.747.67
#FFFFFF7.671.0021.001.00
#0000002.7421.001.0021.00
##FFFFFF7.671.0021.001.00

Color blindness preview

Protanopia (red-blind)
#544A16
Deuteranopia (green-blind)
#64591A
Tritanopia (blue-blind)
#903339
Achromatopsia (no color)
#535353

Design tokens & code

CSS
--color: #83411b;
/* rgb */ color: rgb(131, 65, 27);
/* oklch */ color: oklch(45.2% 0.104 47.7);
Tailwind
colors: {
  custom: {
    50: '#ad775a',
    500: '#83411b',
    950: '#000000',
  },
}
SCSS
$custom: #83411b;
$custom-light: #ad775a;
$custom-dark: #000000;
JSON
{
  "hex": "#83411b",
  "rgb": {
    "r": 131,
    "g": 65,
    "b": 27
  },
  "hsl": {
    "h": 21.923,
    "s": 65.823,
    "l": 30.98
  },
  "oklch": {
    "l": 0.45239,
    "c": 0.1037,
    "h": 47.7
  },
  "luminance": 0.08685
}

Semantic roles & 50–950 ramp

primary
#83411B
secondary
#438CB6
accent
#ABE93F
background
#FBF7F5
surface
#F6EDE9
border
#D0C8C5
text
#110804
muted
#807B79

Preview Lab

Preview with #83411B

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

Preview Lab → · Contrast checker → · Palette generator →

#83411B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva