#F8E7DC

#F8E7DC

Color Values

HEX

#F8E7DC

RGB

248, 231, 220

HSL

23.6, 66.7%, 91.8%

HSV

23.6, 11.3%, 97.3%

CMYK

0.0%, 6.9%, 11.3%, 2.7%

OKLCH

0.9386 0.0238 55.3

Properties

Warm Light Nearest: linen

Color Harmonies

Complementary

#F8E7DC

#DCEDF8

Analogous

#F8DCDF

#F8F5DC

#F8E7DC

Triadic

#F8E7DC

#DCF8E7

#E7DCF8

Split Complementary

#F8E7DC

#DCF8F5

#DCDFF8

Tetradic

#F8E7DC

#DFF8DC

#DCEDF8

#F5DCF8

Color Blindness Simulation

Original

#F8E7DC

Protanopia

#F1F0DF

Deuteranopia

#F2F3DF

Tritanopia

#F7E1E1

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F7EBE3
200
#F3D6C3
300
#EBB999
400
#E09362
500
#D56D2A
600
#AA5722
700
#88461B
800
#6A3715
900
#4E2A13
950
#311B0C

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.46:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026