#BC7F20#BC7F20

#BC7F20 is a light, vivid orange. Relative luminance 0.260; OKLCH L 64.4% C 0.127 H 72.4°. Best body text is #000000 at 6.19:1 contrast (WCAG AA passes).

Color values

HEX#BC7F20
RGBrgb(188, 127, 32)
HSLhsl(37, 71%, 43%)
HSVhsv(37, 83%, 74%)
CMYKcmyk(0%, 32.4%, 83%, 26.3%)
CIE-LABlab(58.02, 15.99, 56.60)
CIE-LCHlch(58.02, 58.81, 74.23°)
OKLaboklab(64.39% 0.0384 0.1213)
OKLCHoklch(64.39% 0.127 72.4)
XYZxyz(28.5914, 25.9770, 4.8745)
Luminance0.2597 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BC7F20 #205DBC
analogous
#BC3120 #BC7F20 #ABBC20
triadic
#BC7F20 #20BC7F #7F20BC
tetradic
#BC7F20 #20BC31 #205DBC #BC20AB
square
#BC7F20 #20BC31 #205DBC #BC20AB
split-complementary
#BC7F20 #20ABBC #3120BC
monochromatic
#53380E #885C17 #BC7F20 #DE9E3B #E7B870

Accessibility & contrast

On white

3.39
#BC7F20 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.19
#BC7F20 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #BC7F20
6.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BC7F20#FFFFFF#000000##000000
##BC7F201.003.396.196.19
#FFFFFF3.391.0021.0021.00
#0000006.1921.001.001.00
##0000006.1921.001.001.00

Color blindness preview

Protanopia (red-blind)
#94830A
Deuteranopia (green-blind)
#A39123
Tritanopia (blue-blind)
#CD6F6D
Achromatopsia (no color)
#8B8B8B

Design tokens & code

CSS
--color: #bc7f20;
/* rgb */ color: rgb(188, 127, 32);
/* oklch */ color: oklch(64.4% 0.127 72.4);
Tailwind
colors: {
  custom: {
    50: '#d6a465',
    500: '#bc7f20',
    950: '#000000',
  },
}
SCSS
$custom: #bc7f20;
$custom-light: #d6a465;
$custom-dark: #000000;
JSON
{
  "hex": "#bc7f20",
  "rgb": {
    "r": 188,
    "g": 127,
    "b": 32
  },
  "hsl": {
    "h": 36.538,
    "s": 70.909,
    "l": 43.137
  },
  "oklch": {
    "l": 0.64392,
    "c": 0.1272,
    "h": 72.4
  },
  "luminance": 0.25974
}

Semantic roles & 50–950 ramp

primary
#BC7F20
secondary
#6B91CD
accent
#80EE3A
background
#FDFAF6
surface
#FBF3EB
border
#D4CDC6
text
#150F06
muted
#837F7A

Preview Lab

Preview with #BC7F20

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

Preview Lab → · Contrast checker → · Palette generator →

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