#F0EED1

#F0EED1

Color Values

HEX

#F0EED1

RGB

240, 238, 209

HSL

56.1, 50.8%, 88.0%

HSV

56.1, 12.9%, 94.1%

CMYK

0.0%, 0.8%, 12.9%, 5.9%

OKLCH

0.9431 0.0382 103.9

Properties

Warm Light Nearest: lightyellow 2

Color Harmonies

Complementary

#F0EED1

#D1D3F0

Analogous

#F0DED1

#E2F0D1

#F0EED1

Triadic

#F0EED1

#D1F0EE

#EED1F0

Split Complementary

#F0EED1

#D1E2F0

#DED1F0

Tetradic

#F0EED1

#D1F0DE

#D1D3F0

#F0D1E2

Color Blindness Simulation

Original

#F0EED1

Protanopia

#EFEFD8

Deuteranopia

#EFEFDA

Tritanopia

#F0DEDF

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F4E5
200
#EDEBC9
300
#E1DDA3
400
#D1CA71
500
#C0B83F
600
#9A9332
700
#7B7628
800
#605C1F
900
#47441A
950
#2D2B11

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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