#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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026