#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