#CFBDE2

#CFBDE2

Color Values

HEX

#CFBDE2

RGB

207, 189, 226

HSL

269.2, 38.9%, 81.4%

HSV

269.2, 16.4%, 88.6%

CMYK

8.4%, 16.4%, 0.0%, 11.4%

OKLCH

0.8251 0.0546 307.2

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CFBDE2

#D0E2BD

Analogous

#BDBEE2

#E2BDE2

#CFBDE2

Triadic

#CFBDE2

#E2CFBD

#BDE2CF

Split Complementary

#CFBDE2

#E2E2BD

#BEE2BD

Tetradic

#CFBDE2

#E2BDBE

#D0E2BD

#BDE2E2

Color Blindness Simulation

Original

#CFBDE2

Protanopia

#C7C7D9

Deuteranopia

#C8CAD7

Tritanopia

#CED2D0

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DBCDE9
300
#C1AADA
400
#A07CC5
500
#7E4EB1
600
#653E8E
700
#513271
800
#3F2759
900
#301F41
950
#1E1429

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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