#FEECFF

#FEECFF

Color Values

HEX

#FEECFF

RGB

254, 236, 255

HSL

296,8, 100,0%, 96,3%

HSV

296,8, 7,5%, 100,0%

CMYK

0,4%, 7,5%, 0,0%, 0,0%

OKLCH

0,9628 0,0315 324,2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#FEECFF

#EDFFEC

Analogous

#F5ECFF

#FFECF7

#FEECFF

Triadic

#FEECFF

#FFFEEC

#ECFFFE

Split Complementary

#FEECFF

#F7FFEC

#ECFFF5

Tetradic

#FEECFF

#FFF5EC

#EDFFEC

#ECF7FF

Color Blindness Simulation

Original

#FEECFF

Protanopia

#F6F6FA

Deuteranopia

#F7F9F9

Tritanopia

#FDF7F6

Achromatopsia

#F1F1F1

CSS Usage

background-color: #FEECFF;
color: #FEECFF;
border-color: #FEECFF;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FDF1FE
100
#FBDEFC
200
#FBB8FF
300
#F885FF
400
#F542FF
500
#F100FF
600
#C100CC
700
#9A00A3
800
#790080
900
#57055C
950
#37033A

Contrast Checker

Text on white

1,13:1

AA Fail AAA Fail

Text on black

18,66: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