#F8F0EC

#F8F0EC

Color Values

HEX

#F8F0EC

RGB

248, 240, 236

HSL

20.0, 46.2%, 94.9%

HSV

20.0, 4.8%, 97.3%

CMYK

0.0%, 3.2%, 4.8%, 2.7%

OKLCH

0.9603 0.0102 48.6

Properties

Warm Light Nearest: seashell

Color Harmonies

Complementary

#F8F0EC

#ECF4F8

Analogous

#F8ECEE

#F8F6EC

#F8F0EC

Triadic

#F8F0EC

#ECF8F0

#F0ECF8

Split Complementary

#F8F0EC

#ECF8F6

#ECEEF8

Tetradic

#F8F0EC

#EEF8EC

#ECF4F8

#F6ECF8

Color Blindness Simulation

Original

#F8F0EC

Protanopia

#F5F4ED

Deuteranopia

#F5F6ED

Tritanopia

#F8EEEE

Achromatopsia

#F1F1F1

CSS Usage

background-color: #F8F0EC;
color: #F8F0EC;
border-color: #F8F0EC;
Nearest Tailwind: Red 50 #FEF2F2

Tailwind Shades

50
#FAF6F4
100
#F4EBE6
200
#ECD6CB
300
#DEB8A6
400
#CC9275
500
#BA6C45
600
#955637
700
#77452C
800
#5D3622
900
#452A1C
950
#2B1A12

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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