#FFF0FE

#FFF0FE

Color Values

HEX

#FFF0FE

RGB

255, 240, 254

HSL

304.0, 100.0%, 97.1%

HSV

304.0, 5.9%, 100.0%

CMYK

0.0%, 5.9%, 0.4%, 0.0%

OKLCH

0.9709 0.0244 327.8

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FFF0FE

#F0FFF1

Analogous

#F9F0FF

#FFF0F7

#FFF0FE

Triadic

#FFF0FE

#FEFFF0

#F0FEFF

Split Complementary

#FFF0FE

#F7FFF0

#F0FFF9

Tetradic

#FFF0FE

#FFF9F0

#F0FFF1

#F0F7FF

Color Blindness Simulation

Original

#FFF0FE

Protanopia

#F9F8FB

Deuteranopia

#F9FAFA

Tritanopia

#FEF8F7

Achromatopsia

#F4F4F4

CSS Usage

background-color: #FFF0FE;
color: #FFF0FE;
border-color: #FFF0FE;
Nearest Tailwind: Fuchsia 50 #FDF4FF

Tailwind Shades

50
#FEF1FD
100
#FCDEFA
200
#FFB8FA
300
#FF85F7
400
#FF42F2
500
#FF00EE
600
#CC00BE
700
#A30098
800
#800077
900
#5C0556
950
#3A0336

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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