#F0EED6

#F0EED6

Color Values

HEX

#F0EED6

RGB

240, 238, 214

HSL

55.4, 46.4%, 89.0%

HSV

55.4, 10.8%, 94.1%

CMYK

0.0%, 0.8%, 10.8%, 5.9%

OKLCH

0.9443 0.0317 103.1

Properties

Warm Light Nearest: beige

Color Harmonies

Complementary

#F0EED6

#D6D8F0

Analogous

#F0E1D6

#E5F0D6

#F0EED6

Triadic

#F0EED6

#D6F0EE

#EED6F0

Split Complementary

#F0EED6

#D6E5F0

#E1D6F0

Tetradic

#F0EED6

#D6F0E1

#D6D8F0

#F0D6E5

Color Blindness Simulation

Original

#F0EED6

Protanopia

#EFEFDC

Deuteranopia

#EFEFDD

Tritanopia

#F0E0E1

Achromatopsia

#EDEDED

CSS Usage

background-color: #F0EED6;
color: #F0EED6;
border-color: #F0EED6;
Nearest Tailwind: Yellow 50 #FEFCE8

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECE9CB
300
#DEDAA5
400
#CCC675
500
#BBB244
600
#958E37
700
#77722C
800
#5D5922
900
#45421C
950
#2B2912

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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