#ABA693

#ABA693

Color Values

HEX

#ABA693

RGB

171, 166, 147

HSL

47.5, 12.5%, 62.4%

HSV

47.5, 14.0%, 67.1%

CMYK

0.0%, 2.9%, 14.0%, 32.9%

OKLCH

0.724 0.0273 94.8

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#ABA693

#9398AB

Analogous

#AB9A93

#A4AB93

#ABA693

Triadic

#ABA693

#93ABA6

#A693AB

Split Complementary

#ABA693

#93A4AB

#9A93AB

Tetradic

#ABA693

#93AB9A

#9398AB

#AB93A4

Color Blindness Simulation

Original

#ABA693

Protanopia

#A9A998

Deuteranopia

#A9AA99

Tritanopia

#AB9B9C

Achromatopsia

#A6A6A6

CSS Usage

background-color: #ABA693;
color: #ABA693;
border-color: #ABA693;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F7
100
#EFEEEB
200
#E0DED7
300
#C9C6BA
400
#ACA895
500
#8F8970
600
#736D59
700
#5C5847
800
#484438
900
#36342B
950
#22211B

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.61:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026