#C4B3C2

#C4B3C2

Color Values

HEX

#C4B3C2

RGB

196, 179, 194

HSL

307.1, 12.6%, 73.5%

HSV

307.1, 8.7%, 76.9%

CMYK

0.0%, 8.7%, 1.0%, 23.1%

OKLCH

0.7856 0.0282 329.6

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#C4B3C2

#B3C4B5

Analogous

#BDB3C4

#C4B3B9

#C4B3C2

Triadic

#C4B3C2

#C2C4B3

#B3C2C4

Split Complementary

#C4B3C2

#B9C4B3

#B3C4BD

Tetradic

#C4B3C2

#C4BDB3

#B3C4B5

#B3B9C4

Color Blindness Simulation

Original

#C4B3C2

Protanopia

#BDBCBE

Deuteranopia

#BEBFBD

Tritanopia

#C3BCBB

Achromatopsia

#B8B8B8

CSS Usage

background-color: #C4B3C2;
color: #C4B3C2;
border-color: #C4B3C2;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#E0D7DF
300
#CABAC8
400
#AD95AA
500
#906F8C
600
#735970
700
#5C4759
800
#483846
900
#362B35
950
#221B21

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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