#F8F8F0

#F8F8F0

Color Values

HEX

#F8F8F0

RGB

248, 248, 240

HSL

60.0, 36.4%, 95.7%

HSV

60.0, 3.2%, 97.3%

CMYK

0.0%, 0.0%, 3.2%, 2.7%

OKLCH

0.9769 0.0105 106.6

Properties

Warm Light Nearest: floralwhite

Color Harmonies

Complementary

#F8F8F0

#F0F0F8

Analogous

#F8F4F0

#F4F8F0

#F8F8F0

Triadic

#F8F8F0

#F0F8F8

#F8F0F8

Split Complementary

#F8F8F0

#F0F4F8

#F4F0F8

Tetradic

#F8F8F0

#F0F8F4

#F0F0F8

#F8F0F4

Color Blindness Simulation

Original

#F8F8F0

Protanopia

#F8F8F2

Deuteranopia

#F8F8F2

Tritanopia

#F8F3F4

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E8
200
#E8E8CE
300
#D8D8AC
400
#C3C37E
500
#AEAE51
600
#8B8B41
700
#6F6F34
800
#575729
900
#404021
950
#292915

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

19.68:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026