#F4F0F2

#F4F0F2

Color Values

HEX

#F4F0F2

RGB

244, 240, 242

HSL

330.0, 15.4%, 94.9%

HSV

330.0, 1.6%, 95.7%

CMYK

0.0%, 1.6%, 0.8%, 4.3%

OKLCH

0.9588 0.005 345.3

Properties

Warm Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#F4F0F2

#F0F4F2

Analogous

#F4F0F4

#F4F0F0

#F4F0F2

Triadic

#F4F0F2

#F2F4F0

#F0F2F4

Split Complementary

#F4F0F2

#F0F4F0

#F0F4F4

Tetradic

#F4F0F2

#F4F4F0

#F0F4F2

#F0F0F4

Color Blindness Simulation

Original

#F4F0F2

Protanopia

#F2F2F2

Deuteranopia

#F2F3F1

Tritanopia

#F4F1F1

Achromatopsia

#F1F1F1

CSS Usage

background-color: #F4F0F2;
color: #F4F0F2;
border-color: #F4F0F2;
Nearest Tailwind: Zinc 100 #F4F4F5

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E1D6DB
300
#CBB8C2
400
#AF92A1
500
#936C80
600
#765666
700
#5E4552
800
#4A3640
900
#372A30
950
#231A1F

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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