#F7F7FD

#F7F7FD

Color Values

HEX

#F7F7FD

RGB

247, 247, 253

HSL

240.0, 60.0%, 98.0%

HSV

240.0, 2.4%, 99.2%

CMYK

2.4%, 2.4%, 0.0%, 0.8%

OKLCH

0.9778 0.0079 286.3

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F7F7FD

#FDFDF7

Analogous

#F7FAFD

#FAF7FD

#F7F7FD

Triadic

#F7F7FD

#FDF7F7

#F7FDF7

Split Complementary

#F7F7FD

#FDFAF7

#FAFDF7

Tetradic

#F7F7FD

#FDF7FA

#FDFDF7

#F7FDFA

Color Blindness Simulation

Original

#F7F7FD

Protanopia

#F7F7FC

Deuteranopia

#F7F7FB

Tritanopia

#F7FAFA

Achromatopsia

#F7F7F7

CSS Usage

background-color: #F7F7FD;
color: #F7F7FD;
border-color: #F7F7FD;
Nearest Tailwind: Slate 100 #F1F5F9

Tailwind Shades

50
#F3F3FB
100
#E4E4F6
200
#C6C6F1
300
#9D9DE7
400
#6868D9
500
#3333CC
600
#2929A3
700
#212183
800
#1A1A66
900
#16164B
950
#0E0E2F

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