#CFCFEE

#CFCFEE

Color Values

HEX

#CFCFEE

RGB

207, 207, 238

HSL

240,0, 47,7%, 87,3%

HSV

240,0, 13,0%, 93,3%

CMYK

13,0%, 13,0%, 0,0%, 6,7%

OKLCH

0,8643 0,0427 285,5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CFCFEE

#EEEECF

Analogous

#CFDFEE

#DFCFEE

#CFCFEE

Triadic

#CFCFEE

#EECFCF

#CFEECF

Split Complementary

#CFCFEE

#EEDFCF

#DFEECF

Tetradic

#CFCFEE

#EECFDF

#EEEECF

#CFEEDF

Color Blindness Simulation

Original

#CFCFEE

Protanopia

#CFCFE7

Deuteranopia

#CFCFE5

Tritanopia

#CFE1DF

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F4F4FA
100
#E6E6F4
200
#CACAEC
300
#A5A5DF
400
#7474CE
500
#4343BC
600
#353597
700
#2B2B79
800
#21215E
900
#1C1C45
950
#11112C

Contrast Checker

Text on white

1,52:1

AA Fail AAA Fail

Text on black

13,81:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026