#F2EADB

#F2EADB

Color Values

HEX

#F2EADB

RGB

242, 234, 219

HSL

39.1, 46.9%, 90.4%

HSV

39.1, 9.5%, 94.9%

CMYK

0.0%, 3.3%, 9.5%, 5.1%

OKLCH

0.9393 0.0217 83.3

Properties

Warm Light Nearest: ivory 2

Color Harmonies

Complementary

#F2EADB

#DBE3F2

Analogous

#F2DFDB

#EFF2DB

#F2EADB

Triadic

#F2EADB

#DBF2EA

#EADBF2

Split Complementary

#F2EADB

#DBEFF2

#DFDBF2

Tetradic

#F2EADB

#DBF2DF

#DBE3F2

#F2DBEF

Color Blindness Simulation

Original

#F2EADB

Protanopia

#EFEEDF

Deuteranopia

#EFF0E0

Tritanopia

#F2E1E2

Achromatopsia

#EBEBEB

CSS Usage

background-color: #F2EADB;
color: #F2EADB;
border-color: #F2EADB;
Nearest Tailwind: Orange 50 #FFF7ED

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECE0CB
300
#DFCBA5
400
#CDAE74
500
#BB9244
600
#967536
700
#785D2B
800
#5E4922
900
#45371C
950
#2C2312

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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