#CFC2F4

#CFC2F4

Color Values

HEX

#CFC2F4

RGB

207, 194, 244

HSL

255.6, 69.4%, 85.9%

HSV

255.6, 20.5%, 95.7%

CMYK

15.2%, 20.5%, 0.0%, 4.3%

OKLCH

0.8412 0.0702 296.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#CFC2F4

#E7F4C2

Analogous

#C2CEF4

#E8C2F4

#CFC2F4

Triadic

#CFC2F4

#F4CFC2

#C2F4CF

Split Complementary

#CFC2F4

#F4E8C2

#CEF4C2

Tetradic

#CFC2F4

#F4C2CE

#E7F4C2

#C2F4E8

Color Blindness Simulation

Original

#CFC2F4

Protanopia

#C9C9E8

Deuteranopia

#CACBE5

Tritanopia

#CEDEDC

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F5F3FC
100
#E8E3F8
200
#CFC3F4
300
#AD97EC
400
#815FE2
500
#5527D8
600
#441FAD
700
#36198A
800
#2B146C
900
#22124F
950
#150B32

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.68: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