#F5E2DA

#F5E2DA

Color Values

HEX

#F5E2DA

RGB

245, 226, 218

HSL

17.8, 57.4%, 90.8%

HSV

17.8, 11.0%, 96.1%

CMYK

0.0%, 7.8%, 11.0%, 3.9%

OKLCH

0.9259 0.0236 44.3

Properties

Warm Light Nearest: seashell 2

Color Harmonies

Complementary

#F5E2DA

#DAEDF5

Analogous

#F5DAE0

#F5F0DA

#F5E2DA

Triadic

#F5E2DA

#DAF5E2

#E2DAF5

Split Complementary

#F5E2DA

#DAF5F0

#DAE0F5

Tetradic

#F5E2DA

#E0F5DA

#DAEDF5

#F0DAF5

Color Blindness Simulation

Original

#F5E2DA

Protanopia

#EDEDDC

Deuteranopia

#EEEFDC

Tritanopia

#F4DDDE

Achromatopsia

#E5E5E5

CSS Usage

background-color: #F5E2DA;
color: #F5E2DA;
border-color: #F5E2DA;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FBF6F4
100
#F6EAE4
200
#F0D3C7
300
#E5B49F
400
#D78B6A
500
#C96236
600
#A14E2B
700
#803F23
800
#64311B
900
#492617
950
#2E180F

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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