#F2CFFA

#F2CFFA

Color Values

HEX

#F2CFFA

RGB

242, 207, 250

HSL

288.8, 81.1%, 89.6%

HSV

288.8, 17.2%, 98.0%

CMYK

3.2%, 17.2%, 0.0%, 2.0%

OKLCH

0.8972 0.0688 320.0

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#F2CFFA

#D7FACF

Analogous

#DCCFFA

#FACFED

#F2CFFA

Triadic

#F2CFFA

#FAF2CF

#CFFAF2

Split Complementary

#F2CFFA

#EDFACF

#CFFADC

Tetradic

#F2CFFA

#FADCCF

#D7FACF

#CFEDFA

Color Blindness Simulation

Original

#F2CFFA

Protanopia

#E3E3F0

Deuteranopia

#E5E7ED

Tritanopia

#F0E7E6

Achromatopsia

#DADADA

CSS Usage

background-color: #F2CFFA;
color: #F2CFFA;
border-color: #F2CFFA;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FBF2FD
100
#F5E1F9
200
#EDBEF8
300
#E190F3
400
#D154ED
500
#C018E7
600
#9A13B9
700
#7B0F94
800
#600C73
900
#470D54
950
#2D0835

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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