#968880#968880

#968880 is a light, muted orange. Relative luminance 0.257; OKLCH L 63.7% C 0.021 H 51.8°. Best body text is #000000 at 6.13:1 contrast (WCAG AA passes).

Color values

HEX	#968880
RGB	rgb(150, 136, 128)
HSL	hsl(22, 9%, 55%)
HSV	hsv(22, 15%, 59%)
CMYK	cmyk(0%, 9.3%, 14.7%, 41.2%)
CIE-LAB	lab(57.70, 3.85, 6.20)
CIE-LCH	lch(57.70, 7.30, 58.17°)
OKLab	oklab(63.69% 0.0128 0.0163)
OKLCH	oklch(63.69% 0.021 51.8)
XYZ	xyz(25.2779, 25.6514, 24.0375)
Luminance	0.2565 (WCAG relative)
Temperature	neutral
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#968880 #808E96

analogous

#968083 #968880 #969380

triadic

#968880 #809688 #888096

tetradic

#968880 #839680 #808E96 #938096

square

#968880 #839680 #808E96 #938096

split-complementary

#968880 #809693 #808396

monochromatic

#554C46 #776A62 #968880 #B2A7A2 #CDC7C3

Accessibility & contrast

On white

3.43

#968880 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.13

#968880 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #968880

6.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##968880	#FFFFFF	#000000	##000000
##968880	1.00	3.43	6.13	6.13
#FFFFFF	3.43	1.00	21.00	21.00
#000000	6.13	21.00	1.00	1.00
##000000	6.13	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#8C8980

Deuteranopia (green-blind)

#8F8C80

Tritanopia (blue-blind)

#9A8686

Achromatopsia (no color)

#8B8B8B

Design tokens & code

CSS

--color: #968880;
/* rgb */ color: rgb(150, 136, 128);
/* oklch */ color: oklch(63.7% 0.021 51.8);

Tailwind

colors: {
  custom: {
    50: '#b5aaa4',
    500: '#968880',
    950: '#000000',
  },
}

SCSS

$custom: #968880;
$custom-light: #b5aaa4;
$custom-dark: #000000;

JSON

{
  "hex": "#968880",
  "rgb": {
    "r": 150,
    "g": 136,
    "b": 128
  },
  "hsl": {
    "h": 21.818,
    "s": 9.483,
    "l": 54.51
  },
  "oklch": {
    "l": 0.63685,
    "c": 0.02069,
    "h": 51.8
  },
  "luminance": 0.25651
}

Semantic roles & 50–950 ramp

primary

#968880

secondary

#B4BABE

accent

#9CB275

background

#FBFAFA

surface

#F6F4F4

border

#D0CECE

text

#11100F

muted

#807F7F

Preview Lab

Preview with #968880

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

Preview Lab → · Contrast checker → · Palette generator →