#CBADC2

#CBADC2

Color Values

HEX

#CBADC2

RGB

203, 173, 194

HSL

318,0, 22,4%, 73,7%

HSV

318,0, 14,8%, 79,6%

CMYK

0,0%, 14,8%, 4,4%, 20,4%

OKLCH

0,7801 0,0448 336,9

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#CBADC2

#ADCBB6

Analogous

#C5ADCB

#CBADB3

#CBADC2

Triadic

#CBADC2

#C2CBAD

#ADC2CB

Split Complementary

#CBADC2

#B3CBAD

#ADCBC5

Tetradic

#CBADC2

#CBC5AD

#ADCBB6

#ADB3CB

Color Blindness Simulation

Original

#CBADC2

Protanopia

#BEBEBD

Deuteranopia

#C0C2BC

Tritanopia

#CAB9B8

Achromatopsia

#B5B5B5

CSS Usage

background-color: #CBADC2;
color: #CBADC2;
border-color: #CBADC2;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E3D3DE
300
#D0B4C7
400
#B68CA9
500
#9C638B
600
#7D4F6F
700
#643F59
800
#4E3145
900
#3A2734
950
#251821

Contrast Checker

Text on white

2,04:1

AA Fail AAA Fail

Text on black

10,3: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