#FFF0FA

#FFF0FA

Color Values

HEX

#FFF0FA

RGB

255, 240, 250

HSL

320.0, 100.0%, 97.1%

HSV

320.0, 5.9%, 100.0%

CMYK

0.0%, 5.9%, 2.0%, 0.0%

OKLCH

0.9698 0.0207 337.7

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FFF0FA

#F0FFF5

Analogous

#FDF0FF

#FFF0F3

#FFF0FA

Triadic

#FFF0FA

#FAFFF0

#F0FAFF

Split Complementary

#FFF0FA

#F3FFF0

#F0FFFD

Tetradic

#FFF0FA

#FFFDF0

#F0FFF5

#F0F3FF

Color Blindness Simulation

Original

#FFF0FA

Protanopia

#F9F8F8

Deuteranopia

#F9FAF7

Tritanopia

#FEF6F5

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDEF2
200
#FFB8E7
300
#FF85D6
400
#FF42C0
500
#FF00AA
600
#CC0088
700
#A3006D
800
#800055
900
#5C053F
950
#3A0328

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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