#F4E2F3

#F4E2F3

Color Values

HEX

#F4E2F3

RGB

244, 226, 243

HSL

303.3, 45.0%, 92.2%

HSV

303.3, 7.4%, 95.7%

CMYK

0.0%, 7.4%, 0.4%, 4.3%

OKLCH

0.9321 0.0297 327.5

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#F4E2F3

#E2F4E3

Analogous

#ECE2F4

#F4E2EA

#F4E2F3

Triadic

#F4E2F3

#F3F4E2

#E2F3F4

Split Complementary

#F4E2F3

#EAF4E2

#E2F4EC

Tetradic

#F4E2F3

#F4ECE2

#E2F4E3

#E2EAF4

Color Blindness Simulation

Original

#F4E2F3

Protanopia

#ECECEF

Deuteranopia

#EDEFEE

Tritanopia

#F3ECEB

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBEA
300
#DDA6DA
400
#CB76C6
500
#B946B3
600
#94388F
700
#762D72
800
#5C2359
900
#441D42
950
#2B122A

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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