#CFBAE4

#CFBAE4

Color Values

HEX

#CFBAE4

RGB

207, 186, 228

HSL

270,0, 43,8%, 81,2%

HSV

270,0, 18,4%, 89,4%

CMYK

9,2%, 18,4%, 0,0%, 10,6%

OKLCH

0,8201 0,0622 307,6

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CFBAE4

#CFE4BA

Analogous

#BABAE4

#E4BAE4

#CFBAE4

Triadic

#CFBAE4

#E4CFBA

#BAE4CF

Split Complementary

#CFBAE4

#E4E4BA

#BAE4BA

Tetradic

#CFBAE4

#E4BABA

#CFE4BA

#BAE4E4

Color Blindness Simulation

Original

#CFBAE4

Protanopia

#C6C6DA

Deuteranopia

#C7C9D7

Tritanopia

#CED2D0

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DBCCEB
300
#C2A7DD
400
#A177CA
500
#8048B7
600
#663993
700
#522E75
800
#40245C
900
#301D44
950
#1F132B

Contrast Checker

Text on white

1,78:1

AA Fail AAA Fail

Text on black

11,8: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