#F4D7F0

#F4D7F0

Color Values

HEX

#F4D7F0

RGB

244, 215, 240

HSL

308.3, 56.9%, 90.0%

HSV

308.3, 11.9%, 95.7%

CMYK

0.0%, 11.9%, 1.6%, 4.3%

OKLCH

0.9105 0.0458 330.4

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F4D7F0

#D7F4DB

Analogous

#EAD7F4

#F4D7E1

#F4D7F0

Triadic

#F4D7F0

#F0F4D7

#D7F0F4

Split Complementary

#F4D7F0

#E1F4D7

#D7F4EA

Tetradic

#F4D7F0

#F4EAD7

#D7F4DB

#D7E1F4

Color Blindness Simulation

Original

#F4D7F0

Protanopia

#E7E7EA

Deuteranopia

#E9EBE8

Tritanopia

#F3E5E4

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F6E5F3
200
#F0C7EA
300
#E59FDB
400
#D66BC7
500
#C837B4
600
#A02C90
700
#802373
800
#641B5A
900
#491842
950
#2E0F2A

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026