#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026