#F0ECC9

#F0ECC9

Color Values

HEX

#F0ECC9

RGB

240, 236, 201

HSL

53.8, 56.5%, 86.5%

HSV

53.8, 16.2%, 94.1%

CMYK

0.0%, 1.7%, 16.2%, 5.9%

OKLCH

0.9372 0.046 101.9

Properties

Warm Light Nearest: lightyellow 2

Color Harmonies

Complementary

#F0ECC9

#C9CDF0

Analogous

#F0D9C9

#E1F0C9

#F0ECC9

Triadic

#F0ECC9

#C9F0EC

#ECC9F0

Split Complementary

#F0ECC9

#C9E1F0

#D9C9F0

Tetradic

#F0ECC9

#C9F0D9

#C9CDF0

#F0C9E1

Color Blindness Simulation

Original

#F0ECC9

Protanopia

#EEEED1

Deuteranopia

#EEEFD4

Tritanopia

#F0D8DA

Achromatopsia

#EAEAEA

CSS Usage

background-color: #F0ECC9;
color: #F0ECC9;
border-color: #F0ECC9;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FBFAF4
100
#F6F4E5
200
#EFEBC7
300
#E4DD9F
400
#D6CB6B
500
#C8B937
600
#A0942C
700
#807623
800
#645C1C
900
#494418
950
#2E2B0F

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.55:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026