#F4D8F0

#F4D8F0

Color Values

HEX

#F4D8F0

RGB

244, 216, 240

HSL

308.6, 56.0%, 90.2%

HSV

308.6, 11.5%, 95.7%

CMYK

0.0%, 11.5%, 1.6%, 4.3%

OKLCH

0.9123 0.0441 330.6

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F4D8F0

#D8F4DC

Analogous

#EAD8F4

#F4D8E2

#F4D8F0

Triadic

#F4D8F0

#F0F4D8

#D8F0F4

Split Complementary

#F4D8F0

#E2F4D8

#D8F4EA

Tetradic

#F4D8F0

#F4EAD8

#D8F4DC

#D8E2F4

Color Blindness Simulation

Original

#F4D8F0

Protanopia

#E8E8EA

Deuteranopia

#EAECE9

Tritanopia

#F3E6E5

Achromatopsia

#E0E0E0

CSS Usage

background-color: #F4D8F0;
color: #F4D8F0;
border-color: #F4D8F0;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FBF4FA
100
#F6E5F3
200
#EFC7EA
300
#E4A0DA
400
#D56CC6
500
#C738B2
600
#9F2D8F
700
#7F2472
800
#631C59
900
#491842
950
#2E0F2A

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.93: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