#F8F4ED

#F8F4ED

Color Values

HEX

#F8F4ED

RGB

248, 244, 237

HSL

38.2, 44.0%, 95.1%

HSV

38.2, 4.4%, 97.3%

CMYK

0.0%, 1.6%, 4.4%, 2.7%

OKLCH

0.9683 0.0102 81.8

Properties

Warm Light Nearest: seashell

Color Harmonies

Complementary

#F8F4ED

#EDF1F8

Analogous

#F8EFED

#F7F8ED

#F8F4ED

Triadic

#F8F4ED

#EDF8F4

#F4EDF8

Split Complementary

#F8F4ED

#EDF7F8

#EFEDF8

Tetradic

#F8F4ED

#EDF8EF

#EDF1F8

#F8EDF7

Color Blindness Simulation

Original

#F8F4ED

Protanopia

#F6F6EF

Deuteranopia

#F6F7EF

Tritanopia

#F8F0F0

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#EBE0CC
300
#DDC9A7
400
#CAAC77
500
#B88F47
600
#937239
700
#765B2E
800
#5C4724
900
#44361D
950
#2B2212

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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