#F3F4F6

#F3F4F6

Color Values

HEX

#F3F4F6

RGB

243, 244, 246

HSL

220.0, 14.3%, 95.9%

HSV

220.0, 1.2%, 96.5%

CMYK

1.2%, 0.8%, 0.0%, 3.5%

OKLCH

0.967 0.0029 264.5

Properties

Cool Light Nearest: RAL 9003 Signal White

Color Harmonies

Complementary

#F3F4F6

#F6F5F3

Analogous

#F3F6F6

#F4F3F6

#F3F4F6

Triadic

#F3F4F6

#F6F3F4

#F4F6F3

Split Complementary

#F3F4F6

#F6F4F3

#F6F6F3

Tetradic

#F3F4F6

#F6F3F6

#F6F5F3

#F3F6F4

Color Blindness Simulation

Original

#F3F4F6

Protanopia

#F3F3F6

Deuteranopia

#F3F3F5

Tritanopia

#F3F5F5

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6DAE0
300
#B9BFCB
400
#939CAE
500
#6D7992
600
#576175
700
#464E5D
800
#373D49
900
#2A2E37
950
#1B1D23

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.08:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Gray

Gray 100

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