#F0C3DD

#F0C3DD

Color Values

HEX

#F0C3DD

RGB

240, 195, 221

HSL

325.3, 60.0%, 85.3%

HSV

325.3, 18.8%, 94.1%

CMYK

0.0%, 18.8%, 7.9%, 5.9%

OKLCH

0.864 0.0612 342.9

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F0C3DD

#C3F0D6

Analogous

#ECC3F0

#F0C3C7

#F0C3DD

Triadic

#F0C3DD

#DDF0C3

#C3DDF0

Split Complementary

#F0C3DD

#C7F0C3

#C3F0EC

Tetradic

#F0C3DD

#F0ECC3

#C3F0D6

#C3C7F0

Color Blindness Simulation

Original

#F0C3DD

Protanopia

#DDDCD7

Deuteranopia

#DFE2D5

Tritanopia

#EED2D1

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EF
200
#F1C6DF
300
#E79DC8
400
#D968AA
500
#CC338B
600
#A32970
700
#832159
800
#661A46
900
#4B1635
950
#2F0E21

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.56:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026