Stone#A89F91

#A89F91 is a light, muted orange. Relative luminance 0.352; OKLCH L 70.6% C 0.023 H 79.0°. Best body text is #000000 at 8.03:1 contrast (WCAG AA passes).

Stone — editorial page

Color values

HEX#A89F91
RGBrgb(168, 159, 145)
HSLhsl(37, 12%, 61%)
HSVhsv(37, 14%, 66%)
CMYKcmyk(0%, 5.4%, 13.7%, 34.1%)
CIE-LABlab(65.88, 0.82, 8.48)
CIE-LCHlch(65.88, 8.52, 84.49°)
OKLaboklab(70.62% 0.0043 0.0221)
OKLCHoklch(70.62% 0.023 79)
XYZxyz(33.6570, 35.1659, 31.7972)
Luminance0.3517 (WCAG relative)
Temperatureneutral
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A89F91 #919AA8
analogous
#A89491 #A89F91 #A6A891
triadic
#A89F91 #91A89F #9F91A8
tetradic
#A89F91 #91A894 #919AA8 #A891A6
square
#A89F91 #91A894 #919AA8 #A891A6
split-complementary
#A89F91 #91A6A8 #9491A8
monochromatic
#6A6254 #8D816F #A89F91 #C3BDB3 #DEDBD5

Accessibility & contrast

On white

2.61
#A89F91 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.03
#A89F91 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A89F91
8.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A89F91#FFFFFF#000000##000000
##A89F911.002.618.038.03
#FFFFFF2.611.0021.0021.00
#0000008.0321.001.001.00
##0000008.0321.001.001.00

Color blindness preview

Protanopia (red-blind)
#A39F90
Deuteranopia (green-blind)
#A5A191
Tritanopia (blue-blind)
#AC9C9B
Achromatopsia (no color)
#A0A0A0

Related colors

#968E81
#847D72
#726D63
#615D55
#514D47
#413E39
#32302C
#232220
#151513
#000000
#B0A89B
#B9B2A6
#C2BBB1
#CAC4BC
#D3CEC7
#DCD8D2
#E4E1DD
#EDEBE8
#F6F5F4
#FFFFFF
#A79F93
#A79F94
#A69F96
#A59F97

Palettes with this color

Design tokens & code

CSS
--color: #a89f91;
/* rgb */ color: rgb(168, 159, 145);
/* oklch */ color: oklch(70.6% 0.023 79.0);
Tailwind
colors: {
  custom: {
    50: '#c2bbb1',
    500: '#a89f91',
    950: '#000000',
  },
}
SCSS
$custom: #a89f91;
$custom-light: #c2bbb1;
$custom-dark: #000000;
JSON
{
  "hex": "#a89f91",
  "rgb": {
    "r": 168,
    "g": 159,
    "b": 145
  },
  "hsl": {
    "h": 36.522,
    "s": 11.675,
    "l": 61.373
  },
  "oklch": {
    "l": 0.70618,
    "c": 0.02252,
    "h": 79
  },
  "luminance": 0.35165
}

Semantic roles & 50–950 ramp

primary
#A89F91
secondary
#C6C9CF
accent
#6B9650
background
#FBFBFA
surface
#F7F6F5
border
#D0D0CF
text
#121110
muted
#81807F

Preview Lab

Preview with #A89F91

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

Preview Lab → · Contrast checker → · Palette generator →

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