#976A27#976A27

#976A27 is a mid, moderate orange. Relative luminance 0.170; OKLCH L 55.9% C 0.100 H 73.5°. Best body text is #FFFFFF at 4.77:1 contrast (WCAG AA passes).

Color values

HEX	#976A27
RGB	rgb(151, 106, 39)
HSL	hsl(36, 59%, 37%)
HSV	hsv(36, 74%, 59%)
CMYK	cmyk(0%, 29.8%, 74.2%, 40.8%)
CIE-LAB	lab(48.30, 11.46, 43.06)
CIE-LCH	lch(48.30, 44.56, 75.10°)
OKLab	oklab(55.86% 0.0284 0.0959)
OKLCH	oklch(55.86% 0.1 73.5)
XYZ	xyz(18.2840, 17.0354, 4.2443)
Luminance	0.1703 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#976A27 #275497

analogous

#973227 #976A27 #8C9727

triadic

#976A27 #27976A #6A2797

tetradic

#976A27 #279732 #275497 #97278C

square

#976A27 #279732 #275497 #97278C

split-complementary

#976A27 #278C97 #322797

monochromatic

#36260E #66481A #976A27 #C88C34 #D6A862

Accessibility & contrast

On white

4.77

#976A27 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.41

#976A27 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #976A27

4.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##976A27	#FFFFFF	#000000	##FFFFFF
##976A27	1.00	4.77	4.41	4.77
#FFFFFF	4.77	1.00	21.00	1.00
#000000	4.41	21.00	1.00	21.00
##FFFFFF	4.77	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#7A6C1E

Deuteranopia (green-blind)

#857729

Tritanopia (blue-blind)

#A55E5C

Achromatopsia (no color)

#737373

Design tokens & code

CSS

--color: #976a27;
/* rgb */ color: rgb(151, 106, 39);
/* oklch */ color: oklch(55.9% 0.100 73.5);

Tailwind

colors: {
  custom: {
    50: '#ba9465',
    500: '#976a27',
    950: '#000000',
  },
}

SCSS

$custom: #976a27;
$custom-light: #ba9465;
$custom-dark: #000000;

JSON

{
  "hex": "#976a27",
  "rgb": {
    "r": 151,
    "g": 106,
    "b": 39
  },
  "hsl": {
    "h": 35.893,
    "s": 58.947,
    "l": 37.255
  },
  "oklch": {
    "l": 0.55856,
    "c": 0.10002,
    "h": 73.5
  },
  "luminance": 0.17034
}

Semantic roles & 50–950 ramp

primary

#976A27

secondary

#5E84BC

accent

#85E246

background

#FBF9F6

surface

#F7F1EB

border

#D0CBC6

text

#120D06

muted

#817E7A

Preview Lab

Preview with #976A27

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

Preview Lab → · Contrast checker → · Palette generator →