#C3ADC5

#C3ADC5

Color Values

HEX

#C3ADC5

RGB

195, 173, 197

HSL

295.0, 17.1%, 72.5%

HSV

295.0, 12.2%, 77.3%

CMYK

1.0%, 12.2%, 0.0%, 22.7%

OKLCH

0.7739 0.0415 323.4

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#C3ADC5

#AFC5AD

Analogous

#B7ADC5

#C5ADBB

#C3ADC5

Triadic

#C3ADC5

#C5C3AD

#ADC5C3

Split Complementary

#C3ADC5

#BBC5AD

#ADC5B7

Tetradic

#C3ADC5

#C5B7AD

#AFC5AD

#ADBBC5

Color Blindness Simulation

Original

#C3ADC5

Protanopia

#B9B9BF

Deuteranopia

#BBBCBE

Tritanopia

#C2BBBA

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBF0
200
#E0D5E1
300
#CBB7CC
400
#AE91B1
500
#926A95
600
#755577
700
#5D4460
800
#49354B
900
#372938
950
#231A23

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.1:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026