#F7F2F7

#F7F2F7

Color Values

HEX

#F7F2F7

RGB

247, 242, 247

HSL

300,0, 23,8%, 95,9%

HSV

300,0, 2,0%, 96,9%

CMYK

0,0%, 2,0%, 0,0%, 3,1%

OKLCH

0,9664 0,0085 325,6

Properties

Warm Light Nearest: ghostwhite

Color Harmonies

Complementary

#F7F2F7

#F2F7F2

Analogous

#F5F2F7

#F7F2F5

#F7F2F7

Triadic

#F7F2F7

#F7F7F2

#F2F7F7

Split Complementary

#F7F2F7

#F5F7F2

#F2F7F5

Tetradic

#F7F2F7

#F7F5F2

#F2F7F2

#F2F5F7

Color Blindness Simulation

Original

#F7F2F7

Protanopia

#F5F5F6

Deuteranopia

#F5F5F5

Tritanopia

#F7F5F5

Achromatopsia

#F3F3F3

CSS Usage

background-color: #F7F2F7;
color: #F7F2F7;
border-color: #F7F2F7;
Nearest Tailwind: Pink 50 #FDF2F8

Tailwind Shades

50
#F9F6F9
100
#F1EAF1
200
#E4D3E4
300
#D0B3D0
400
#B78AB7
500
#9E619E
600
#7E4E7E
700
#653E65
800
#4F314F
900
#3B263B
950
#251825

Contrast Checker

Text on white

1,11:1

AA Fail AAA Fail

Text on black

19,0: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