#F2EDD3

#F2EDD3

Color Values

HEX

#F2EDD3

RGB

242, 237, 211

HSL

50.3, 54.4%, 88.8%

HSV

50.3, 12.8%, 94.9%

CMYK

0.0%, 2.1%, 12.8%, 5.1%

OKLCH

0.9432 0.0346 98.1

Properties

Warm Light Nearest: cornsilk 2

Color Harmonies

Complementary

#F2EDD3

#D3D8F2

Analogous

#F2DDD3

#E7F2D3

#F2EDD3

Triadic

#F2EDD3

#D3F2ED

#EDD3F2

Split Complementary

#F2EDD3

#D3E7F2

#DDD3F2

Tetradic

#F2EDD3

#D3F2DD

#D3D8F2

#F2D3E7

Color Blindness Simulation

Original

#F2EDD3

Protanopia

#F0F0D9

Deuteranopia

#F0F0DB

Tritanopia

#F2DEDF

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F3E5
200
#EFE8C8
300
#E3D8A1
400
#D4C36D
500
#C5AE3A
600
#9D8C2F
700
#7E7025
800
#62571D
900
#484119
950
#2E2910

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026