#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026