#F8F3F1

#F8F3F1

Color Values

HEX

#F8F3F1

RGB

248, 243, 241

HSL

17.1, 33.3%, 95.9%

HSV

17.1, 2.8%, 97.3%

CMYK

0.0%, 2.0%, 2.8%, 2.7%

OKLCH

0.9675 0.006 43.3

Properties

Warm Light Nearest: RAL 9003 Signal White

Color Harmonies

Complementary

#F8F3F1

#F1F6F8

Analogous

#F8F1F3

#F8F7F1

#F8F3F1

Triadic

#F8F3F1

#F1F8F3

#F3F1F8

Split Complementary

#F8F3F1

#F1F8F7

#F1F3F8

Tetradic

#F8F3F1

#F3F8F1

#F1F6F8

#F7F1F8

Color Blindness Simulation

Original

#F8F3F1

Protanopia

#F6F6F1

Deuteranopia

#F6F6F2

Tritanopia

#F8F2F2

Achromatopsia

#F4F4F4

CSS Usage

background-color: #F8F3F1;
color: #F8F3F1;
border-color: #F8F3F1;
Nearest Tailwind: Stone 100 #F5F5F4

Tailwind Shades

50
#FAF6F5
100
#F2EBE8
200
#E7D6CF
300
#D6B9AD
400
#C09381
500
#AA6D55
600
#885744
700
#6D4636
800
#55372B
900
#3F2A22
950
#281B15

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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