#CFBAF1

#CFBAF1

Color Values

HEX

#CFBAF1

RGB

207, 186, 241

HSL

262.9, 66.3%, 83.7%

HSV

262.9, 22.8%, 94.5%

CMYK

14.1%, 22.8%, 0.0%, 5.5%

OKLCH

0.8249 0.0791 302.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CFBAF1

#DCF1BA

Analogous

#BAC0F1

#EABAF1

#CFBAF1

Triadic

#CFBAF1

#F1CFBA

#BAF1CF

Split Complementary

#CFBAF1

#F1EABA

#C0F1BA

Tetradic

#CFBAF1

#F1BAC0

#DCF1BA

#BAF1EA

Color Blindness Simulation

Original

#CFBAF1

Protanopia

#C6C6E4

Deuteranopia

#C7C9E0

Tritanopia

#CED9D7

Achromatopsia

#C2C2C2

CSS Usage

background-color: #CFBAF1;
color: #CFBAF1;
border-color: #CFBAF1;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F6F3FC
100
#EBE3F7
200
#D6C4F3
300
#B899EA
400
#9262DF
500
#6B2BD4
600
#5622AA
700
#451B88
800
#36156A
900
#2A144D
950
#1A0C31

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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