#F1ECF2

#F1ECF2

Color Values

HEX

#F1ECF2

RGB

241, 236, 242

HSL

290.0, 18.7%, 93.7%

HSV

290.0, 2.5%, 94.9%

CMYK

0.4%, 2.5%, 0.0%, 5.1%

OKLCH

0.9487 0.0096 320.5

Properties

Cool Light Nearest: snow 2

Color Harmonies

Complementary

#F1ECF2

#EDF2EC

Analogous

#EEECF2

#F2ECF0

#F1ECF2

Triadic

#F1ECF2

#F2F1EC

#ECF2F1

Split Complementary

#F1ECF2

#F0F2EC

#ECF2EE

Tetradic

#F1ECF2

#F2EEEC

#EDF2EC

#ECF0F2

Color Blindness Simulation

Original

#F1ECF2

Protanopia

#EFEFF1

Deuteranopia

#EFF0F0

Tritanopia

#F1EFEF

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D5E2
300
#C9B6CD
400
#AC8FB2
500
#8F6897
600
#735379
700
#5C4261
800
#48344C
900
#362839
950
#221924

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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