#F2EAE3

#F2EAE3

Color Values

HEX

#F2EAE3

RGB

242, 234, 227

HSL

28.0, 36.6%, 92.0%

HSV

28.0, 6.2%, 94.9%

CMYK

0.0%, 3.3%, 6.2%, 5.1%

OKLCH

0.9414 0.0128 63.9

Properties

Warm Light Nearest: seashell 2

Color Harmonies

Complementary

#F2EAE3

#E3EBF2

Analogous

#F2E3E4

#F2F2E3

#F2EAE3

Triadic

#F2EAE3

#E3F2EA

#EAE3F2

Split Complementary

#F2EAE3

#E3F2F2

#E3E4F2

Tetradic

#F2EAE3

#E4F2E3

#E3EBF2

#F2E3F2

Color Blindness Simulation

Original

#F2EAE3

Protanopia

#EFEEE5

Deuteranopia

#EFF0E5

Tritanopia

#F2E6E6

Achromatopsia

#EBEBEB

CSS Usage

background-color: #F2EAE3;
color: #F2EAE3;
border-color: #F2EAE3;
Nearest Tailwind: Stone 200 #E7E5E4

Tailwind Shades

50
#FAF7F5
100
#F3EDE8
200
#E8DACE
300
#D8C0AB
400
#C39E7E
500
#AE7C51
600
#8B6441
700
#6F5034
800
#573E28
900
#402F20
950
#291E15

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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