#865917#865917

#865917 is a mid, moderate orange. Relative luminance 0.123; OKLCH L 50.2% C 0.098 H 71.4°. Best body text is #FFFFFF at 6.08:1 contrast (WCAG AA passes).

Color values

HEX#865917
RGBrgb(134, 89, 23)
HSLhsl(36, 71%, 31%)
HSVhsv(36, 83%, 53%)
CMYKcmyk(0%, 33.6%, 82.8%, 47.5%)
CIE-LABlab(41.65, 12.76, 42.81)
CIE-LCHlch(41.65, 44.68, 73.40°)
OKLaboklab(50.17% 0.0312 0.0925)
OKLCHoklch(50.17% 0.098 71.4)
XYZxyz(13.5596, 12.2762, 2.4659)
Luminance0.1227 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#865917 #174486
analogous
#862217 #865917 #7B8617
triadic
#865917 #178659 #591786
tetradic
#865917 #178622 #174486 #86177B
square
#865917 #178622 #174486 #86177B
split-complementary
#865917 #177B86 #221786
monochromatic
#1E1405 #52360E #865917 #BA7C20 #DD9B3A

Accessibility & contrast

On white

6.08
#865917 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.46
#865917 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #865917
6.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##865917#FFFFFF#000000##FFFFFF
##8659171.006.083.466.08
#FFFFFF6.081.0021.001.00
#0000003.4621.001.0021.00
##FFFFFF6.081.0021.001.00

Color blindness preview

Protanopia (red-blind)
#685C0B
Deuteranopia (green-blind)
#736719
Tritanopia (blue-blind)
#934E4C
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #865917;
/* rgb */ color: rgb(134, 89, 23);
/* oklch */ color: oklch(50.2% 0.098 71.4);
Tailwind
colors: {
  custom: {
    50: '#ae875a',
    500: '#865917',
    950: '#000000',
  },
}
SCSS
$custom: #865917;
$custom-light: #ae875a;
$custom-dark: #000000;
JSON
{
  "hex": "#865917",
  "rgb": {
    "r": 134,
    "g": 89,
    "b": 23
  },
  "hsl": {
    "h": 35.676,
    "s": 70.701,
    "l": 30.784
  },
  "oklch": {
    "l": 0.50168,
    "c": 0.09767,
    "h": 71.4
  },
  "luminance": 0.12275
}

Semantic roles & 50–950 ramp

primary
#865917
secondary
#3F71BA
accent
#83ED3A
background
#FBF8F5
surface
#F6EFE9
border
#D0CAC5
text
#110B04
muted
#807C79

Preview Lab

Preview with #865917

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

Preview Lab → · Contrast checker → · Palette generator →

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