#996641#996641

#996641 is a mid, moderate orange. Relative luminance 0.167; OKLCH L 55.6% C 0.084 H 56.0°. Best body text is #FFFFFF at 4.85:1 contrast (WCAG AA passes).

Color values

HEX	#996641
RGB	rgb(153, 102, 65)
HSL	hsl(25, 40%, 43%)
HSV	hsv(25, 58%, 60%)
CMYK	cmyk(0%, 33.3%, 57.5%, 40%)
CIE-LAB	lab(47.83, 16.43, 29.08)
CIE-LCH	lch(47.83, 33.41, 60.53°)
OKLab	oklab(55.63% 0.0469 0.0695)
OKLCH	oklch(55.63% 0.084 56)
XYZ	xyz(18.8435, 16.6583, 7.2229)
Luminance	0.1666 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#996641 #417499

analogous

#994148 #996641 #999241

triadic

#996641 #419966 #664199

tetradic

#996641 #489941 #417499 #924199

square

#996641 #489941 #417499 #924199

split-complementary

#996641 #419992 #414899

monochromatic

#432D1D #6E492F #996641 #BA845D #CCA588

Accessibility & contrast

On white

4.85

#996641 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.33

#996641 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #996641

4.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##996641	#FFFFFF	#000000	##FFFFFF
##996641	1.00	4.85	4.33	4.85
#FFFFFF	4.85	1.00	21.00	1.00
#000000	4.33	21.00	1.00	21.00
##FFFFFF	4.85	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#756B3E

Deuteranopia (green-blind)

#817641

Tritanopia (blue-blind)

#A65C5D

Achromatopsia (no color)

#717171

Design tokens & code

CSS

--color: #996641;
/* rgb */ color: rgb(153, 102, 65);
/* oklch */ color: oklch(55.6% 0.084 56.0);

Tailwind

colors: {
  custom: {
    50: '#ba9176',
    500: '#996641',
    950: '#000000',
  },
}

SCSS

$custom: #996641;
$custom-light: #ba9176;
$custom-dark: #000000;

JSON

{
  "hex": "#996641",
  "rgb": {
    "r": 153,
    "g": 102,
    "b": 65
  },
  "hsl": {
    "h": 25.227,
    "s": 40.367,
    "l": 42.745
  },
  "oklch": {
    "l": 0.55634,
    "c": 0.08383,
    "h": 56
  },
  "luminance": 0.16657
}

Semantic roles & 50–950 ramp

primary

#996641

secondary

#7F9FB7

accent

#9DD058

background

#FBF8F7

surface

#F7F0ED

border

#D0CBC8

text

#120D08

muted

#817D7B

Preview Lab

Preview with #996641

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

Preview Lab → · Contrast checker → · Palette generator →