#AB948C

#AB948C

Color Values

HEX

#AB948C

RGB

171, 148, 140

HSL

15.5, 15.6%, 61.0%

HSV

15.5, 18.1%, 67.1%

CMYK

0.0%, 13.5%, 18.1%, 32.9%

OKLCH

0.6848 0.03 40.1

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#AB948C

#8CA3AB

Analogous

#AB8C94

#ABA48C

#AB948C

Triadic

#AB948C

#8CAB94

#948CAB

Split Complementary

#AB948C

#8CABA4

#8C94AB

Tetradic

#AB948C

#94AB8C

#8CA3AB

#A48CAB

Color Blindness Simulation

Original

#AB948C

Protanopia

#A1A18E

Deuteranopia

#A2A48E

Tritanopia

#AA8F90

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1D9D6
300
#CBBDB8
400
#AF9A92
500
#93766C
600
#765E56
700
#5E4B45
800
#4A3B36
900
#372D2A
950
#231D1A

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026