#B29043#B29043

#B29043 is a light, moderate orange. Relative luminance 0.298; OKLCH L 67.0% C 0.104 H 85.4°. Best body text is #000000 at 6.96:1 contrast (WCAG AA passes).

Color values

HEX#B29043
RGBrgb(178, 144, 67)
HSLhsl(42, 45%, 48%)
HSVhsv(42, 62%, 70%)
CMYKcmyk(0%, 19.1%, 62.4%, 30.2%)
CIE-LABlab(61.50, 3.91, 44.85)
CIE-LCHlch(61.50, 45.02, 85.02°)
OKLaboklab(66.96% 0.0083 0.1035)
OKLCHoklch(66.96% 0.104 85.4)
XYZxyz(29.3480, 29.8185, 9.5189)
Luminance0.2982 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B29043 #4365B2
analogous
#B25943 #B29043 #9CB243
triadic
#B29043 #43B290 #9043B2
tetradic
#B29043 #43B259 #4365B2 #B2439C
square
#B29043 #43B259 #4365B2 #B2439C
split-complementary
#B29043 #439CB2 #5943B2
monochromatic
#594822 #866C32 #B29043 #C7AB6B #D8C497

Accessibility & contrast

On white

3.02
#B29043 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.96
#B29043 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #B29043
6.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B29043#FFFFFF#000000##000000
##B290431.003.026.966.96
#FFFFFF3.021.0021.0021.00
#0000006.9621.001.001.00
##0000006.9621.001.001.00

Color blindness preview

Protanopia (red-blind)
#A08F3B
Deuteranopia (green-blind)
#A89846
Tritanopia (blue-blind)
#C0857F
Achromatopsia (no color)
#949494

Design tokens & code

CSS
--color: #b29043;
/* rgb */ color: rgb(178, 144, 67);
/* oklch */ color: oklch(67.0% 0.104 85.4);
Tailwind
colors: {
  custom: {
    50: '#ccb07a',
    500: '#b29043',
    950: '#000000',
  },
}
SCSS
$custom: #b29043;
$custom-light: #ccb07a;
$custom-dark: #000000;
JSON
{
  "hex": "#b29043",
  "rgb": {
    "r": 178,
    "g": 144,
    "b": 67
  },
  "hsl": {
    "h": 41.622,
    "s": 45.306,
    "l": 48.039
  },
  "oklch": {
    "l": 0.66956,
    "c": 0.10384,
    "h": 85.4
  },
  "luminance": 0.29817
}

Semantic roles & 50–950 ramp

primary
#B29043
secondary
#8D9EC4
accent
#7BD553
background
#FCFAF7
surface
#F9F4EE
border
#D2CEC9
text
#141009
muted
#827F7B

Preview Lab

Preview with #B29043

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

Preview Lab → · Contrast checker → · Palette generator →

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