#B27B31#B27B31

#B27B31 is a light, moderate orange. Relative luminance 0.239; OKLCH L 62.6% C 0.112 H 70.8°. Best body text is #000000 at 5.77:1 contrast (WCAG AA passes).

Color values

HEX#B27B31
RGBrgb(178, 123, 49)
HSLhsl(34, 57%, 45%)
HSVhsv(34, 72%, 70%)
CMYKcmyk(0%, 30.9%, 72.5%, 30.2%)
CIE-LABlab(55.94, 14.48, 47.34)
CIE-LCHlch(55.94, 49.51, 73.00°)
OKLaboklab(62.55% 0.0368 0.1058)
OKLCHoklch(62.55% 0.112 70.8)
XYZxyz(25.9993, 23.8549, 6.1403)
Luminance0.2385 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B27B31 #3168B2
analogous
#B23B31 #B27B31 #A8B231
triadic
#B27B31 #31B27B #7B31B2
tetradic
#B27B31 #31B23B #3168B2 #B231A8
square
#B27B31 #31B23B #3168B2 #B231A8
split-complementary
#B27B31 #31A8B2 #3B31B2
monochromatic
#523917 #825A24 #B27B31 #CF9951 #DCB581

Accessibility & contrast

On white

3.64
#B27B31 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.77
#B27B31 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #B27B31
5.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B27B31#FFFFFF#000000##000000
##B27B311.003.645.775.77
#FFFFFF3.641.0021.0021.00
#0000005.7721.001.001.00
##0000005.7721.001.001.00

Color blindness preview

Protanopia (red-blind)
#8E7E28
Deuteranopia (green-blind)
#9B8B33
Tritanopia (blue-blind)
#C26D6B
Achromatopsia (no color)
#868686

Design tokens & code

CSS
--color: #b27b31;
/* rgb */ color: rgb(178, 123, 49);
/* oklch */ color: oklch(62.6% 0.112 70.8);
Tailwind
colors: {
  custom: {
    50: '#cea16d',
    500: '#b27b31',
    950: '#000000',
  },
}
SCSS
$custom: #b27b31;
$custom-light: #cea16d;
$custom-dark: #000000;
JSON
{
  "hex": "#b27b31",
  "rgb": {
    "r": 178,
    "g": 123,
    "b": 49
  },
  "hsl": {
    "h": 34.419,
    "s": 56.828,
    "l": 44.51
  },
  "oklch": {
    "l": 0.62551,
    "c": 0.11204,
    "h": 70.8
  },
  "luminance": 0.23853
}

Semantic roles & 50–950 ramp

primary
#B27B31
secondary
#799AC5
accent
#89E048
background
#FDF9F6
surface
#FAF2EC
border
#D3CCC7
text
#140E07
muted
#837E7A

Preview Lab

Preview with #B27B31

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

Preview Lab → · Contrast checker → · Palette generator →

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