#F8F1EC

#F8F1EC

Color Values

HEX

#F8F1EC

RGB

248, 241, 236

HSL

25.0, 46.2%, 94.9%

HSV

25.0, 4.8%, 97.3%

CMYK

0.0%, 2.8%, 4.8%, 2.7%

OKLCH

0.9622 0.0101 58.2

Properties

Warm Light Nearest: seashell

Color Harmonies

Complementary

#F8F1EC

#ECF3F8

Analogous

#F8ECED

#F8F7EC

#F8F1EC

Triadic

#F8F1EC

#ECF8F1

#F1ECF8

Split Complementary

#F8F1EC

#ECF8F7

#ECEDF8

Tetradic

#F8F1EC

#EDF8EC

#ECF3F8

#F7ECF8

Color Blindness Simulation

Original

#F8F1EC

Protanopia

#F5F5ED

Deuteranopia

#F5F6EE

Tritanopia

#F8EEEE

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD9CB
300
#DEBDA6
400
#CC9975
500
#BA7645
600
#955E37
700
#774B2C
800
#5D3B22
900
#452D1C
950
#2B1C12

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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