#F2EEE3

#F2EEE3

Color Values

HEX

#F2EEE3

RGB

242, 238, 227

HSL

44,0, 36,6%, 92,0%

HSV

44,0, 6,2%, 94,9%

CMYK

0,0%, 1,7%, 6,2%, 5,1%

OKLCH

0,9492 0,0152 90,2

Properties

Warm Light Nearest: ivory 2

Color Harmonies

Complementary

#F2EEE3

#E3E7F2

Analogous

#F2E7E3

#EFF2E3

#F2EEE3

Triadic

#F2EEE3

#E3F2EE

#EEE3F2

Split Complementary

#F2EEE3

#E3EFF2

#E7E3F2

Tetradic

#F2EEE3

#E3F2E7

#E3E7F2

#F2E3EF

Color Blindness Simulation

Original

#F2EEE3

Protanopia

#F0F0E6

Deuteranopia

#F0F1E6

Tritanopia

#F2E8E8

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3F0E8
200
#E8E1CE
300
#D8CCAB
400
#C3B17E
500
#AE9551
600
#8B7741
700
#6F6034
800
#574B28
900
#403820
950
#292315

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,11: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