#F2E3CC

#F2E3CC

Color Values

HEX

#F2E3CC

RGB

242, 227, 204

HSL

36.3, 59.4%, 87.5%

HSV

36.3, 15.7%, 94.9%

CMYK

0.0%, 6.2%, 15.7%, 5.1%

OKLCH

0.9218 0.0347 78.7

Properties

Warm Light Nearest: antiquewhite

Color Harmonies

Complementary

#F2E3CC

#CCDBF2

Analogous

#F2D0CC

#EEF2CC

#F2E3CC

Triadic

#F2E3CC

#CCF2E3

#E3CCF2

Split Complementary

#F2E3CC

#CCEEF2

#D0CCF2

Tetradic

#F2E3CC

#CCF2D0

#CCDBF2

#F2CCEE

Color Blindness Simulation

Original

#F2E3CC

Protanopia

#ECEBD2

Deuteranopia

#ECEDD3

Tritanopia

#F1D6D7

Achromatopsia

#E5E5E5

CSS Usage

background-color: #F2E3CC;
color: #F2E3CC;
border-color: #F2E3CC;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1E0C6
300
#E6C99D
400
#D9AC69
500
#CB8F34
600
#A37329
700
#825C21
800
#66481A
900
#4A3617
950
#2F220E

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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