#CBBFD6

#CBBFD6

Color Values

HEX

#CBBFD6

RGB

203, 191, 214

HSL

271.3, 21.9%, 79.4%

HSV

271.3, 10.7%, 83.9%

CMYK

5.1%, 10.7%, 0.0%, 16.1%

OKLCH

0.8216 0.0343 308.9

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CBBFD6

#CAD6BF

Analogous

#BFBFD6

#D6BFD5

#CBBFD6

Triadic

#CBBFD6

#D6CBBF

#BFD6CB

Split Complementary

#CBBFD6

#D5D6BF

#BFD6BF

Tetradic

#CBBFD6

#D6BFBF

#CAD6BF

#BFD5D6

Color Blindness Simulation

Original

#CBBFD6

Protanopia

#C6C6D0

Deuteranopia

#C6C7CF

Tritanopia

#CACCCB

Achromatopsia

#C3C3C3

CSS Usage

background-color: #CBBFD6;
color: #CBBFD6;
border-color: #CBBFD6;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DCD3E3
300
#C2B4CF
400
#A28CB5
500
#81649B
600
#67507C
700
#524063
800
#40324E
900
#31273A
950
#1F1925

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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