#F0DFE2

#F0DFE2

Color Values

HEX

#F0DFE2

RGB

240, 223, 226

HSL

349,4, 36,2%, 90,8%

HSV

349,4, 7,1%, 94,1%

CMYK

0,0%, 7,1%, 5,8%, 5,9%

OKLCH

0,9181 0,019 5,3

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#F0DFE2

#DFF0ED

Analogous

#F0DFEB

#F0E5DF

#F0DFE2

Triadic

#F0DFE2

#E2F0DF

#DFE2F0

Split Complementary

#F0DFE2

#DFF0E5

#DFEBF0

Tetradic

#F0DFE2

#EBF0DF

#DFF0ED

#E5DFF0

Color Blindness Simulation

Original

#F0DFE2

Protanopia

#E9E8E1

Deuteranopia

#EAEBE1

Tritanopia

#EFE1E1

Achromatopsia

#E3E3E3

CSS Usage

background-color: #F0DFE2;
color: #F0DFE2;
border-color: #F0DFE2;
Nearest Tailwind: Rose 100 #FFE4E6

Tailwind Shades

50
#FAF5F6
100
#F3E8EA
200
#E8CED3
300
#D8ACB3
400
#C37E8B
500
#AE5162
600
#8B414E
700
#6F343E
800
#572931
900
#402126
950
#291518

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,36: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