#F2EEE9

#F2EEE9

Color Values

HEX

#F2EEE9

RGB

242, 238, 233

HSL

33,3, 25,7%, 93,1%

HSV

33,3, 3,7%, 94,9%

CMYK

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

OKLCH

0,9508 0,008 73,7

Properties

Warm Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#F2EEE9

#E9EDF2

Analogous

#F2E9E9

#F1F2E9

#F2EEE9

Triadic

#F2EEE9

#E9F2EE

#EEE9F2

Split Complementary

#F2EEE9

#E9F1F2

#E9E9F2

Tetradic

#F2EEE9

#E9F2E9

#E9EDF2

#F2E9F1

Color Blindness Simulation

Original

#F2EEE9

Protanopia

#F0F0EA

Deuteranopia

#F0F1EA

Tritanopia

#F2EBEB

Achromatopsia

#EEEEEE

CSS Usage

background-color: #F2EEE9;
color: #F2EEE9;
border-color: #F2EEE9;
Nearest Tailwind: Stone 100 #F5F5F4

Tailwind Shades

50
#F9F8F6
100
#F1EEE9
200
#E4DCD2
300
#D2C4B2
400
#B9A388
500
#A0835F
600
#80694C
700
#67543D
800
#50422F
900
#3C3225
950
#261F18

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

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