#CFB4DA

#CFB4DA

Color Values

HEX

#CFB4DA

RGB

207, 180, 218

HSL

282.6, 33.9%, 78.0%

HSV

282.6, 17.4%, 85.5%

CMYK

5.0%, 17.4%, 0.0%, 14.5%

OKLCH

0.8051 0.0603 316.2

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#CFB4DA

#BFDAB4

Analogous

#BCB4DA

#DAB4D2

#CFB4DA

Triadic

#CFB4DA

#DACFB4

#B4DACF

Split Complementary

#CFB4DA

#D2DAB4

#B4DABC

Tetradic

#CFB4DA

#DABCB4

#BFDAB4

#B4D2DA

Color Blindness Simulation

Original

#CFB4DA

Protanopia

#C3C3D1

Deuteranopia

#C5C7CF

Tritanopia

#CECAC8

Achromatopsia

#BCBCBC

CSS Usage

background-color: #CFB4DA;
color: #CFB4DA;
border-color: #CFB4DA;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E0CFE7
300
#CBADD7
400
#AE81C1
500
#9254AB
600
#754389
700
#5D366D
800
#492A55
900
#37223F
950
#231528

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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