#CFBEE2

#CFBEE2

Color Values

HEX

#CFBEE2

RGB

207, 190, 226

HSL

268,3, 38,3%, 81,6%

HSV

268,3, 15,9%, 88,6%

CMYK

8,4%, 15,9%, 0,0%, 11,4%

OKLCH

0,827 0,0529 306,6

Properties

Cool Light Nearest: thistle

Color Harmonies

Complementary

#CFBEE2

#D1E2BE

Analogous

#BEBFE2

#E1BEE2

#CFBEE2

Triadic

#CFBEE2

#E2CFBE

#BEE2CF

Split Complementary

#CFBEE2

#E2E1BE

#BFE2BE

Tetradic

#CFBEE2

#E2BEBF

#D1E2BE

#BEE2E1

Color Blindness Simulation

Original

#CFBEE2

Protanopia

#C8C7D9

Deuteranopia

#C9CAD7

Tritanopia

#CED2D1

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DBCEE9
300
#C0AAD9
400
#9F7DC5
500
#7D4FB0
600
#643F8D
700
#503271
800
#3E2758
900
#302041
950
#1E1429

Contrast Checker

Text on white

1,73:1

AA Fail AAA Fail

Text on black

12,12: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