#B78528#B78528

#B78528 is a light, vivid orange. Relative luminance 0.270; OKLCH L 65.0% C 0.121 H 78.4°. Best body text is #000000 at 6.40:1 contrast (WCAG AA passes).

Color values

HEX#B78528
RGBrgb(183, 133, 40)
HSLhsl(39, 64%, 44%)
HSVhsv(39, 78%, 72%)
CMYKcmyk(0%, 27.3%, 78.1%, 28.2%)
CIE-LABlab(58.97, 10.72, 54.32)
CIE-LCHlch(58.97, 55.37, 78.83°)
OKLaboklab(65.03% 0.0243 0.1186)
OKLCHoklch(65.03% 0.121 78.4)
XYZxyz(28.3009, 26.9978, 5.7276)
Luminance0.2700 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B78528 #285AB7
analogous
#B73D28 #B78528 #A1B728
triadic
#B78528 #28B785 #8528B7
tetradic
#B78528 #28B73D #285AB7 #B728A1
square
#B78528 #28B73D #285AB7 #B728A1
split-complementary
#B78528 #28A1B7 #3D28B7
monochromatic
#533C12 #85601D #B78528 #D6A446 #E1BD78

Accessibility & contrast

On white

3.28
#B78528 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.40
#B78528 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #B78528
6.40:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B78528#FFFFFF#000000##000000
##B785281.003.286.406.40
#FFFFFF3.281.0021.0021.00
#0000006.4021.001.001.00
##0000006.4021.001.001.00

Color blindness preview

Protanopia (red-blind)
#988718
Deuteranopia (green-blind)
#A4932C
Tritanopia (blue-blind)
#C77773
Achromatopsia (no color)
#8E8E8E

Design tokens & code

CSS
--color: #b78528;
/* rgb */ color: rgb(183, 133, 40);
/* oklch */ color: oklch(65.0% 0.121 78.4);
Tailwind
colors: {
  custom: {
    50: '#d1a869',
    500: '#b78528',
    950: '#000000',
  },
}
SCSS
$custom: #b78528;
$custom-light: #d1a869;
$custom-dark: #000000;
JSON
{
  "hex": "#b78528",
  "rgb": {
    "r": 183,
    "g": 133,
    "b": 40
  },
  "hsl": {
    "h": 39.021,
    "s": 64.126,
    "l": 43.725
  },
  "oklch": {
    "l": 0.65025,
    "c": 0.12102,
    "h": 78.4
  },
  "luminance": 0.26996
}

Semantic roles & 50–950 ramp

primary
#B78528
secondary
#7290C9
accent
#7BE741
background
#FDFAF6
surface
#FBF4EB
border
#D4CEC6
text
#150F07
muted
#837F7A

Preview Lab

Preview with #B78528

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

Preview Lab → · Contrast checker → · Palette generator →

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