#CFBFDE

#CFBFDE

Color Values

HEX

#CFBFDE

RGB

207, 191, 222

HSL

271.0, 32.0%, 81.0%

HSV

271.0, 14.0%, 87.1%

CMYK

6.8%, 14.0%, 0.0%, 12.9%

OKLCH

0.8276 0.0461 308.5

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CFBFDE

#CEDEBF

Analogous

#C0BFDE

#DEBFDE

#CFBFDE

Triadic

#CFBFDE

#DECFBF

#BFDECF

Split Complementary

#CFBFDE

#DEDEBF

#BFDEC0

Tetradic

#CFBFDE

#DEC0BF

#CEDEBF

#BFDEDE

Color Blindness Simulation

Original

#CFBFDE

Protanopia

#C8C8D7

Deuteranopia

#C9CAD5

Tritanopia

#CED1CF

Achromatopsia

#C5C5C5

CSS Usage

background-color: #CFBFDE;
color: #CFBFDE;
border-color: #CFBFDE;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DCD0E7
300
#C2AED5
400
#A282BF
500
#8157A8
600
#674587
700
#52376C
800
#402B54
900
#31223E
950
#1F1627

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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