#F0EAF2

#F0EAF2

Color Values

HEX

#F0EAF2

RGB

240, 234, 242

HSL

285.0, 23.5%, 93.3%

HSV

285.0, 3.3%, 94.9%

CMYK

0.8%, 3.3%, 0.0%, 5.1%

OKLCH

0.944 0.0124 317.7

Properties

Cool Light Nearest: snow 2

Color Harmonies

Complementary

#F0EAF2

#ECF2EA

Analogous

#ECEAF2

#F2EAF0

#F0EAF2

Triadic

#F0EAF2

#F2F0EA

#EAF2F0

Split Complementary

#F0EAF2

#F0F2EA

#EAF2EC

Tetradic

#F0EAF2

#F2ECEA

#ECF2EA

#EAF0F2

Color Blindness Simulation

Original

#F0EAF2

Protanopia

#EDEDF0

Deuteranopia

#EEEEF0

Tritanopia

#F0EFEE

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFEAF1
200
#DFD3E4
300
#C9B3D0
400
#AC8AB7
500
#8E629D
600
#724E7E
700
#5B3E65
800
#47314F
900
#36263B
950
#221825

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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