#A89181#A89181

#A89181 is a light, muted orange. Relative luminance 0.302; OKLCH L 67.3% C 0.036 H 56.9°. Best body text is #000000 at 7.03:1 contrast (WCAG AA passes).

Color values

HEX	#A89181
RGB	rgb(168, 145, 129)
HSL	hsl(25, 18%, 58%)
HSV	hsv(25, 23%, 66%)
CMYK	cmyk(0%, 13.7%, 23.2%, 34.1%)
CIE-LAB	lab(61.79, 6.01, 11.67)
CIE-LCH	lch(61.79, 13.12, 62.76°)
OKLab	oklab(67.29% 0.0197 0.0302)
OKLCH	oklch(67.29% 0.036 56.9)
XYZ	xyz(30.2365, 30.1616, 24.9936)
Luminance	0.3016 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#A89181 #8198A8

analogous

#A88184 #A89181 #A8A481

triadic

#A89181 #81A891 #9181A8

tetradic

#A89181 #84A881 #8198A8 #A481A8

square

#A89181 #84A881 #8198A8 #A481A8

split-complementary

#A89181 #81A8A4 #8184A8

monochromatic

#675447 #8B7260 #A89181 #C1B1A5 #DAD0C9

Accessibility & contrast

On white

2.99

#A89181 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.03

#A89181 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A89181

7.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##A89181	#FFFFFF	#000000	##000000
##A89181	1.00	2.99	7.03	7.03
#FFFFFF	2.99	1.00	21.00	21.00
#000000	7.03	21.00	1.00	1.00
##000000	7.03	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#989280

Deuteranopia (green-blind)

#9D9781

Tritanopia (blue-blind)

#AF8D8D

Achromatopsia (no color)

#959595

Design tokens & code

CSS

--color: #a89181;
/* rgb */ color: rgb(168, 145, 129);
/* oklch */ color: oklch(67.3% 0.036 56.9);

Tailwind

colors: {
  custom: {
    50: '#c2b1a5',
    500: '#a89181',
    950: '#000000',
  },
}

SCSS

$custom: #a89181;
$custom-light: #c2b1a5;
$custom-dark: #000000;

JSON

{
  "hex": "#a89181",
  "rgb": {
    "r": 168,
    "g": 145,
    "b": 129
  },
  "hsl": {
    "h": 24.615,
    "s": 18.31,
    "l": 58.235
  },
  "oklch": {
    "l": 0.67291,
    "c": 0.03604,
    "h": 56.9
  },
  "luminance": 0.30161
}

Semantic roles & 50–950 ramp

primary

#A89181

secondary

#BBC4CA

accent

#9BBB6D

background

#FBFAFA

surface

#F7F5F4

border

#D0CFCE

text

#12100F

muted

#817F7F

Preview Lab

Preview with #A89181

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

Preview Lab → · Contrast checker → · Palette generator →