#FFF0F1

#FFF0F1

Color Values

HEX

#FFF0F1

RGB

255, 240, 241

HSL

356.0, 100.0%, 97.1%

HSV

356.0, 5.9%, 100.0%

CMYK

0.0%, 5.9%, 5.5%, 0.0%

OKLCH

0.9672 0.0163 12.8

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FFF0F1

#F0FFFE

Analogous

#FFF0F9

#FFF7F0

#FFF0F1

Triadic

#FFF0F1

#F1FFF0

#F0F1FF

Split Complementary

#FFF0F1

#F0FFF7

#F0F9FF

Tetradic

#FFF0F1

#F9FFF0

#F0FFFE

#F7F0FF

Color Blindness Simulation

Original

#FFF0F1

Protanopia

#F9F8F1

Deuteranopia

#F9FAF1

Tritanopia

#FEF1F1

Achromatopsia

#F3F3F3

CSS Usage

background-color: #FFF0F1;
color: #FFF0F1;
border-color: #FFF0F1;
Nearest Tailwind: Rose 50 #FFF1F2

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FFB8BC
300
#FF858D
400
#FF424F
500
#FF0011
600
#CC000E
700
#A3000B
800
#800008
900
#5C050B
950
#3A0307

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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