#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