#F0C4DA

#F0C4DA

Color Values

HEX

#F0C4DA

RGB

240, 196, 218

HSL

330.0, 59.5%, 85.5%

HSV

330.0, 18.3%, 94.1%

CMYK

0.0%, 18.3%, 9.2%, 5.9%

OKLCH

0.8649 0.0574 346.8

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F0C4DA

#C4F0DA

Analogous

#F0C4F0

#F0C4C4

#F0C4DA

Triadic

#F0C4DA

#DAF0C4

#C4DAF0

Split Complementary

#F0C4DA

#C4F0C4

#C4F0F0

Tetradic

#F0C4DA

#F0F0C4

#C4F0DA

#C4C4F0

Color Blindness Simulation

Original

#F0C4DA

Protanopia

#DDDDD5

Deuteranopia

#E0E3D3

Tritanopia

#EED0D0

Achromatopsia

#CFCFCF

CSS Usage

background-color: #F0C4DA;
color: #F0C4DA;
border-color: #F0C4DA;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C6DB
300
#E69DC2
400
#D969A1
500
#CB3480
600
#A32966
700
#822152
800
#661A40
900
#4A1730
950
#2F0E1F

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.61:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026