#F8ECF4

#F8ECF4

Color Values

HEX

#F8ECF4

RGB

248, 236, 244

HSL

320.0, 46.2%, 94.9%

HSV

320.0, 4.8%, 97.3%

CMYK

0.0%, 4.8%, 1.6%, 2.7%

OKLCH

0.9548 0.0166 337.6

Properties

Warm Light Nearest: lavenderblush

Color Harmonies

Complementary

#F8ECF4

#ECF8F0

Analogous

#F6ECF8

#F8ECEE

#F8ECF4

Triadic

#F8ECF4

#F4F8EC

#ECF4F8

Split Complementary

#F8ECF4

#EEF8EC

#ECF8F6

Tetradic

#F8ECF4

#F8F6EC

#ECF8F0

#ECEEF8

Color Blindness Simulation

Original

#F8ECF4

Protanopia

#F3F3F2

Deuteranopia

#F4F4F2

Tritanopia

#F7F1F0

Achromatopsia

#EFEFEF

CSS Usage

background-color: #F8ECF4;
color: #F8ECF4;
border-color: #F8ECF4;
Nearest Tailwind: Pink 50 #FDF2F8

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#ECCBE1
300
#DEA6CB
400
#CC75AF
500
#BA4593
600
#953776
700
#772C5E
800
#5D224A
900
#451C37
950
#2B1223

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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