#F2EDDD

#F2EDDD

Color Values

HEX

#F2EDDD

RGB

242, 237, 221

HSL

45.7, 44.7%, 90.8%

HSV

45.7, 8.7%, 94.9%

CMYK

0.0%, 2.1%, 8.7%, 5.1%

OKLCH

0.9457 0.0219 92.5

Properties

Warm Light Nearest: ivory 2

Color Harmonies

Complementary

#F2EDDD

#DDE2F2

Analogous

#F2E3DD

#EDF2DD

#F2EDDD

Triadic

#F2EDDD

#DDF2ED

#EDDDF2

Split Complementary

#F2EDDD

#DDEDF2

#E3DDF2

Tetradic

#F2EDDD

#DDF2E3

#DDE2F2

#F2DDED

Color Blindness Simulation

Original

#F2EDDD

Protanopia

#F0F0E1

Deuteranopia

#F0F0E2

Tritanopia

#F2E4E5

Achromatopsia

#EDEDED

CSS Usage

background-color: #F2EDDD;
color: #F2EDDD;
border-color: #F2EDDD;
Nearest Tailwind: Amber 50 #FFFBEB

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#EBE4CB
300
#DDD0A6
400
#CBB776
500
#B89D47
600
#947E38
700
#76652D
800
#5C4F23
900
#443B1D
950
#2B2512

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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