#B36818#B36818

#B36818 is a mid, vivid orange. Relative luminance 0.196; OKLCH L 58.9% C 0.129 H 60.6°. Best body text is #000000 at 4.91:1 contrast (WCAG AA passes).

Color values

HEX#B36818
RGBrgb(179, 104, 24)
HSLhsl(31, 76%, 40%)
HSVhsv(31, 87%, 70%)
CMYKcmyk(0%, 41.9%, 86.6%, 29.8%)
CIE-LABlab(51.33, 24.53, 53.17)
CIE-LCHlch(51.33, 58.55, 65.23°)
OKLaboklab(58.95% 0.0631 0.1122)
OKLCHoklch(58.95% 0.129 60.6)
XYZxyz(23.7077, 19.5529, 3.3896)
Luminance0.1955 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B36818 #1863B3
analogous
#B31B18 #B36818 #B0B318
triadic
#B36818 #18B368 #6818B3
tetradic
#B36818 #18B31B #1863B3 #B318B0
square
#B36818 #18B31B #1863B3 #B318B0
split-complementary
#B36818 #18B0B3 #1B18B3
monochromatic
#47290A #7D4911 #B36818 #E28726 #E9A55C

Accessibility & contrast

On white

4.28
#B36818 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.91
#B36818 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #B36818
4.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B36818#FFFFFF#000000##000000
##B368181.004.284.914.91
#FFFFFF4.281.0021.0021.00
#0000004.9121.001.001.00
##0000004.9121.001.001.00

Color blindness preview

Protanopia (red-blind)
#7F7004
Deuteranopia (green-blind)
#918119
Tritanopia (blue-blind)
#C45759
Achromatopsia (no color)
#7A7A7A

Design tokens & code

CSS
--color: #b36818;
/* rgb */ color: rgb(179, 104, 24);
/* oklch */ color: oklch(58.9% 0.129 60.6);
Tailwind
colors: {
  custom: {
    50: '#d0935e',
    500: '#b36818',
    950: '#000000',
  },
}
SCSS
$custom: #b36818;
$custom-light: #d0935e;
$custom-dark: #000000;
JSON
{
  "hex": "#b36818",
  "rgb": {
    "r": 179,
    "g": 104,
    "b": 24
  },
  "hsl": {
    "h": 30.968,
    "s": 76.355,
    "l": 39.804
  },
  "oklch": {
    "l": 0.58946,
    "c": 0.12874,
    "h": 60.6
  },
  "luminance": 0.1955
}

Semantic roles & 50–950 ramp

primary
#B36818
secondary
#5A92CD
accent
#91F335
background
#FDF9F5
surface
#FBF1E9
border
#D4CBC5
text
#150D05
muted
#837E79

Preview Lab

Preview with #B36818

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

Preview Lab → · Contrast checker → · Palette generator →

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