#B36329#B36329

#B36329 is a mid, vivid orange. Relative luminance 0.187; OKLCH L 58.2% C 0.125 H 53.0°. Best body text is #000000 at 4.73:1 contrast (WCAG AA passes).

Color values

HEX#B36329
RGBrgb(179, 99, 41)
HSLhsl(25, 63%, 43%)
HSVhsv(25, 77%, 70%)
CMYKcmyk(0%, 44.7%, 77.1%, 29.8%)
CIE-LABlab(50.30, 27.85, 45.34)
CIE-LCHlch(50.30, 53.20, 58.44°)
OKLaboklab(58.19% 0.0752 0.0997)
OKLCHoklch(58.19% 0.125 53)
XYZxyz(23.4546, 18.6701, 4.4659)
Luminance0.1867 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B36329 #2979B3
analogous
#B32934 #B36329 #B3A829
triadic
#B36329 #29B363 #6329B3
tetradic
#B36329 #34B329 #2979B3 #A829B3
square
#B36329 #34B329 #2979B3 #A829B3
split-complementary
#B36329 #29B3A8 #2934B3
monochromatic
#4F2C12 #81471E #B36329 #D48145 #E0A377

Accessibility & contrast

On white

4.44
#B36329 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.73
#B36329 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #B36329
4.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B36329#FFFFFF#000000##000000
##B363291.004.444.734.73
#FFFFFF4.441.0021.0021.00
#0000004.7321.001.001.00
##0000004.7321.001.001.00

Color blindness preview

Protanopia (red-blind)
#7A6D21
Deuteranopia (green-blind)
#8D7F28
Tritanopia (blue-blind)
#C45257
Achromatopsia (no color)
#787878

Design tokens & code

CSS
--color: #b36329;
/* rgb */ color: rgb(179, 99, 41);
/* oklch */ color: oklch(58.2% 0.125 53.0);
Tailwind
colors: {
  custom: {
    50: '#d09066',
    500: '#b36329',
    950: '#000000',
  },
}
SCSS
$custom: #b36329;
$custom-light: #d09066;
$custom-dark: #000000;
JSON
{
  "hex": "#b36329",
  "rgb": {
    "r": 179,
    "g": 99,
    "b": 41
  },
  "hsl": {
    "h": 25.217,
    "s": 62.727,
    "l": 43.137
  },
  "oklch": {
    "l": 0.58188,
    "c": 0.1249,
    "h": 53
  },
  "luminance": 0.18667
}

Semantic roles & 50–950 ramp

primary
#B36329
secondary
#70A3C7
accent
#A1E642
background
#FDF8F6
surface
#FBF0EB
border
#D4CBC6
text
#150C06
muted
#837D7A

Preview Lab

Preview with #B36329

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

Preview Lab → · Contrast checker → · Palette generator →

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