#C5AB93

#C5AB93

Color Values

HEX

#C5AB93

RGB

197, 171, 147

HSL

28.8, 30.1%, 67.5%

HSV

28.8, 25.4%, 77.3%

CMYK

0.0%, 13.2%, 25.4%, 22.7%

OKLCH

0.7576 0.045 64.8

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#C5AB93

#93ADC5

Analogous

#C59394

#C5C493

#C5AB93

Triadic

#C5AB93

#93C5AB

#AB93C5

Split Complementary

#C5AB93

#93C5C4

#9394C5

Tetradic

#C5AB93

#94C593

#93ADC5

#C493C5

Color Blindness Simulation

Original

#C5AB93

Protanopia

#BABA99

Deuteranopia

#BBBD9A

Tritanopia

#C49D9E

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DBD1
300
#D4C1AF
400
#BDA084
500
#A67E59
600
#856547
700
#6A5139
800
#533F2D
900
#3E3023
950
#271E16

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.62: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