#F2E9DA

#F2E9DA

Color Values

HEX

#F2E9DA

RGB

242, 233, 218

HSL

37,5, 48,0%, 90,2%

HSV

37,5, 9,9%, 94,9%

CMYK

0,0%, 3,7%, 9,9%, 5,1%

OKLCH

0,9371 0,0222 80,7

Properties

Warm Light Nearest: ivory 2

Color Harmonies

Complementary

#F2E9DA

#DAE3F2

Analogous

#F2DDDA

#EFF2DA

#F2E9DA

Triadic

#F2E9DA

#DAF2E9

#E9DAF2

Split Complementary

#F2E9DA

#DAEFF2

#DDDAF2

Tetradic

#F2E9DA

#DAF2DD

#DAE3F2

#F2DAEF

Color Blindness Simulation

Original

#F2E9DA

Protanopia

#EEEEDE

Deuteranopia

#EFEFDE

Tritanopia

#F2E0E1

Achromatopsia

#EAEAEA

CSS Usage

background-color: #F2E9DA;
color: #F2E9DA;
border-color: #F2E9DA;
Nearest Tailwind: Orange 50 #FFF7ED

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECE0CA
300
#DFC9A4
400
#CEAC73
500
#BD8F42
600
#977235
700
#795B2A
800
#5E4721
900
#45361C
950
#2C2211

Contrast Checker

Text on white

1,2:1

AA Fail AAA Fail

Text on black

17,44: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