#CDBAC4

#CDBAC4

Color Values

HEX

#CDBAC4

RGB

205, 186, 196

HSL

328,4, 16,0%, 76,7%

HSV

328,4, 9,3%, 80,4%

CMYK

0,0%, 9,3%, 4,4%, 19,6%

OKLCH

0,8078 0,0254 344,6

Properties

Warm Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CDBAC4

#BACDC3

Analogous

#CDBACD

#CDBABB

#CDBAC4

Triadic

#CDBAC4

#C4CDBA

#BAC4CD

Split Complementary

#CDBAC4

#BBCDBA

#BACDCD

Tetradic

#CDBAC4

#CDCDBA

#BACDC3

#BABBCD

Color Blindness Simulation

Original

#CDBAC4

Protanopia

#C5C5C2

Deuteranopia

#C6C7C1

Tritanopia

#CCC0BF

Achromatopsia

#BFBFBF

CSS Usage

background-color: #CDBAC4;
color: #CDBAC4;
border-color: #CDBAC4;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F8F6F7
100
#F0EBED
200
#E1D6DC
300
#CCB8C2
400
#B092A1
500
#946B81
600
#765667
700
#5F4552
800
#4A3640
900
#372931
950
#231A1F

Contrast Checker

Text on white

1,84:1

AA Fail AAA Fail

Text on black

11,42: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