#FFF0F4

#FFF0F4

Color Values

HEX

#FFF0F4

RGB

255, 240, 244

HSL

344.0, 100.0%, 97.1%

HSV

344.0, 5.9%, 100.0%

CMYK

0.0%, 5.9%, 4.3%, 0.0%

OKLCH

0.9681 0.017 359.3

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#FFF0F4

#F0FFFB

Analogous

#FFF0FC

#FFF4F0

#FFF0F4

Triadic

#FFF0F4

#F4FFF0

#F0F4FF

Split Complementary

#FFF0F4

#F0FFF4

#F0FCFF

Tetradic

#FFF0F4

#FCFFF0

#F0FFFB

#F4F0FF

Color Blindness Simulation

Original

#FFF0F4

Protanopia

#F9F8F3

Deuteranopia

#F9FAF3

Tritanopia

#FEF2F2

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#FEF1F4
100
#FCDEE6
200
#FFB8CB
300
#FF85A5
400
#FF4275
500
#FF0044
600
#CC0036
700
#A3002C
800
#800022
900
#5C051C
950
#3A0312

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.02:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026