#F4F2F7

#F4F2F7

Color Values

HEX

#F4F2F7

RGB

244, 242, 247

HSL

264.0, 23.8%, 95.9%

HSV

264.0, 2.0%, 96.9%

CMYK

1.2%, 2.0%, 0.0%, 3.1%

OKLCH

0.9641 0.0069 304.2

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F4F2F7

#F5F7F2

Analogous

#F2F3F7

#F7F2F7

#F4F2F7

Triadic

#F4F2F7

#F7F4F2

#F2F7F4

Split Complementary

#F4F2F7

#F7F7F2

#F3F7F2

Tetradic

#F4F2F7

#F7F2F3

#F5F7F2

#F2F7F7

Color Blindness Simulation

Original

#F4F2F7

Protanopia

#F3F3F6

Deuteranopia

#F3F3F5

Tritanopia

#F4F5F5

Achromatopsia

#F3F3F3

CSS Usage

background-color: #F4F2F7;
color: #F4F2F7;
border-color: #F4F2F7;
Nearest Tailwind: Gray 100 #F3F4F6

Tailwind Shades

50
#F7F6F9
100
#ECEAF1
200
#DAD3E4
300
#BFB3D0
400
#9C8AB7
500
#79619E
600
#614E7E
700
#4E3E65
800
#3D314F
900
#2E263B
950
#1D1825

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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