#F0E7F2

#F0E7F2

Color Values

HEX

#F0E7F2

RGB

240, 231, 242

HSL

289.1, 29.7%, 92.7%

HSV

289.1, 4.5%, 94.9%

CMYK

0.8%, 4.5%, 0.0%, 5.1%

OKLCH

0.9382 0.0175 320.1

Properties

Cool Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#F0E7F2

#E9F2E7

Analogous

#EAE7F2

#F2E7EE

#F0E7F2

Triadic

#F0E7F2

#F2F0E7

#E7F2F0

Split Complementary

#F0E7F2

#EEF2E7

#E7F2EA

Tetradic

#F0E7F2

#F2EAE7

#E9F2E7

#E7EEF2

Color Blindness Simulation

Original

#F0E7F2

Protanopia

#ECECEF

Deuteranopia

#EDEDEF

Tritanopia

#F0EDED

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F0E9F2
200
#E2D1E6
300
#CDB0D4
400
#B285BD
500
#985AA5
600
#794884
700
#61396A
800
#4C2D53
900
#39233D
950
#241627

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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