#F5E6DB

#F5E6DB

Color Values

HEX

#F5E6DB

RGB

245, 230, 219

HSL

25.4, 56.5%, 91.0%

HSV

25.4, 10.6%, 96.1%

CMYK

0.0%, 6.1%, 10.6%, 3.9%

OKLCH

0.9339 0.0221 58.8

Properties

Warm Light Nearest: seashell 2

Color Harmonies

Complementary

#F5E6DB

#DBEAF5

Analogous

#F5DBDD

#F5F3DB

#F5E6DB

Triadic

#F5E6DB

#DBF5E6

#E6DBF5

Split Complementary

#F5E6DB

#DBF5F3

#DBDDF5

Tetradic

#F5E6DB

#DDF5DB

#DBEAF5

#F3DBF5

Color Blindness Simulation

Original

#F5E6DB

Protanopia

#EFEEDE

Deuteranopia

#EFF0DE

Tritanopia

#F4E0E0

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6ECE5
200
#EFD8C7
300
#E4BC9F
400
#D6986B
500
#C87437
600
#A05D2C
700
#804B23
800
#643A1C
900
#492D18
950
#2E1C0F

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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