#BD9235#BD9235

#BD9235 is a light, moderate orange. Relative luminance 0.316; OKLCH L 68.4% C 0.120 H 83.2°. Best body text is #000000 at 7.33:1 contrast (WCAG AA passes).

Color values

HEX#BD9235
RGBrgb(189, 146, 53)
HSLhsl(41, 56%, 47%)
HSVhsv(41, 72%, 74%)
CMYKcmyk(0%, 22.8%, 72%, 25.9%)
CIE-LABlab(63.04, 6.81, 53.24)
CIE-LCHlch(63.04, 53.67, 82.71°)
OKLaboklab(68.39% 0.0142 0.1187)
OKLCHoklch(68.39% 0.12 83.2)
XYZxyz(31.9097, 31.6359, 7.7931)
Luminance0.3163 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BD9235 #3560BD
analogous
#BD4E35 #BD9235 #A4BD35
triadic
#BD9235 #35BD92 #9235BD
tetradic
#BD9235 #35BD4E #3560BD #BD35A4
square
#BD9235 #35BD4E #3560BD #BD35A4
split-complementary
#BD9235 #35A4BD #4E35BD
monochromatic
#5D481A #8D6D28 #BD9235 #D2AD5D #DFC58D

Accessibility & contrast

On white

2.87
#BD9235 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.33
#BD9235 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BD9235
7.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BD9235#FFFFFF#000000##000000
##BD92351.002.877.337.33
#FFFFFF2.871.0021.0021.00
#0000007.3321.001.001.00
##0000007.3321.001.001.00

Color blindness preview

Protanopia (red-blind)
#A49228
Deuteranopia (green-blind)
#AF9D39
Tritanopia (blue-blind)
#CD857F
Achromatopsia (no color)
#999999

Design tokens & code

CSS
--color: #bd9235;
/* rgb */ color: rgb(189, 146, 53);
/* oklch */ color: oklch(68.4% 0.120 83.2);
Tailwind
colors: {
  custom: {
    50: '#d5b172',
    500: '#bd9235',
    950: '#000000',
  },
}
SCSS
$custom: #bd9235;
$custom-light: #d5b172;
$custom-dark: #000000;
JSON
{
  "hex": "#bd9235",
  "rgb": {
    "r": 189,
    "g": 146,
    "b": 53
  },
  "hsl": {
    "h": 41.029,
    "s": 56.198,
    "l": 47.451
  },
  "oklch": {
    "l": 0.68391,
    "c": 0.11953,
    "h": 83.2
  },
  "luminance": 0.31634
}

Semantic roles & 50–950 ramp

primary
#BD9235
secondary
#849ACA
accent
#78DF48
background
#FDFAF7
surface
#FBF5ED
border
#D4CFC8
text
#151008
muted
#837F7B

Preview Lab

Preview with #BD9235

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

Preview Lab → · Contrast checker → · Palette generator →

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