#F2EDDF

#F2EDDF

Color Values

HEX

#F2EDDF

RGB

242, 237, 223

HSL

44.2, 42.2%, 91.2%

HSV

44.2, 7.9%, 94.9%

CMYK

0.0%, 2.1%, 7.9%, 5.1%

OKLCH

0.9462 0.0193 90.5

Properties

Warm Light Nearest: ivory 2

Color Harmonies

Complementary

#F2EDDF

#DFE4F2

Analogous

#F2E4DF

#EEF2DF

#F2EDDF

Triadic

#F2EDDF

#DFF2ED

#EDDFF2

Split Complementary

#F2EDDF

#DFEEF2

#E4DFF2

Tetradic

#F2EDDF

#DFF2E4

#DFE4F2

#F2DFEE

Color Blindness Simulation

Original

#F2EDDF

Protanopia

#F0F0E2

Deuteranopia

#F0F0E3

Tritanopia

#F2E5E6

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F4F0E7
200
#EAE2CC
300
#DCCEA8
400
#C8B379
500
#B5994A
600
#917A3B
700
#74622F
800
#5B4C25
900
#43391E
950
#2A2413

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.95:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026