#F9EAF8

#F9EAF8

Color Values

HEX

#F9EAF8

RGB

249, 234, 248

HSL

304.0, 55.6%, 94.7%

HSV

304.0, 6.0%, 97.6%

CMYK

0.0%, 6.0%, 0.4%, 2.4%

OKLCH

0.9529 0.0245 327.8

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#F9EAF8

#EAF9EB

Analogous

#F2EAF9

#F9EAF0

#F9EAF8

Triadic

#F9EAF8

#F8F9EA

#EAF8F9

Split Complementary

#F9EAF8

#F0F9EA

#EAF9F2

Tetradic

#F9EAF8

#F9F2EA

#EAF9EB

#EAF0F9

Color Blindness Simulation

Original

#F9EAF8

Protanopia

#F3F2F5

Deuteranopia

#F3F4F4

Tritanopia

#F8F2F1

Achromatopsia

#EEEEEE

CSS Usage

background-color: #F9EAF8;
color: #F9EAF8;
border-color: #F9EAF8;
Nearest Tailwind: Pink 100 #FCE7F3

Tailwind Shades

50
#FBF4FA
100
#F6E5F4
200
#EFC7ED
300
#E4A0DF
400
#D56CCE
500
#C639BD
600
#9F2D97
700
#7F2479
800
#631C5E
900
#491845
950
#2E0F2C

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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