#F0ECD2

#F0ECD2

Color Values

HEX

#F0ECD2

RGB

240, 236, 210

HSL

52,0, 50,0%, 88,2%

HSV

52,0, 12,5%, 94,1%

CMYK

0,0%, 1,7%, 12,5%, 5,9%

OKLCH

0,9394 0,0345 99,9

Properties

Warm Light Nearest: cornsilk 2

Color Harmonies

Complementary

#F0ECD2

#D2D6F0

Analogous

#F0DDD2

#E5F0D2

#F0ECD2

Triadic

#F0ECD2

#D2F0EC

#ECD2F0

Split Complementary

#F0ECD2

#D2E5F0

#DDD2F0

Tetradic

#F0ECD2

#D2F0DD

#D2D6F0

#F0D2E5

Color Blindness Simulation

Original

#F0ECD2

Protanopia

#EEEED8

Deuteranopia

#EEEFDA

Tritanopia

#F0DDDE

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F3E6
200
#EDE8C9
300
#E0D8A3
400
#D0C371
500
#BFAE40
600
#998B33
700
#7A7029
800
#605720
900
#46401B
950
#2C2911

Contrast Checker

Text on white

1,19:1

AA Fail AAA Fail

Text on black

17,63:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026