#F8FDF2

#F8FDF2

Color Values

HEX

#F8FDF2

RGB

248, 253, 242

HSL

87.3, 73.3%, 97.1%

HSV

87.3, 4.3%, 99.2%

CMYK

2.0%, 0.0%, 4.3%, 0.8%

OKLCH

0.9873 0.0154 126.8

Properties

Cool Light Nearest: ivory

Color Harmonies

Complementary

#F8FDF2

#F7F2FD

Analogous

#FDFDF2

#F3FDF2

#F8FDF2

Triadic

#F8FDF2

#F2F8FD

#FDF2F8

Split Complementary

#F8FDF2

#F2F3FD

#FDF2FD

Tetradic

#F8FDF2

#F2FDFD

#F7F2FD

#FDF2F3

Color Blindness Simulation

Original

#F8FDF2

Protanopia

#FAFAF5

Deuteranopia

#FAFAF5

Tritanopia

#F8F7F7

Achromatopsia

#FBFBFB

CSS Usage

background-color: #F8FDF2;
color: #F8FDF2;
border-color: #F8FDF2;
Nearest Tailwind: Green 50 #F0FDF4

Tailwind Shades

50
#F8FCF3
100
#EEF8E2
200
#DEF5C1
300
#C6EF95
400
#A7E65B
500
#88DD22
600
#6DB11B
700
#578D16
800
#446E11
900
#335010
950
#20330A

Contrast Checker

Text on white

1.03:1

AA Fail AAA Fail

Text on black

20.32:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026