#F3F2F6

#F3F2F6

Color Values

HEX

#F3F2F6

RGB

243, 242, 246

HSL

255.0, 18.2%, 95.7%

HSV

255.0, 1.6%, 96.5%

CMYK

1.2%, 1.6%, 0.0%, 3.5%

OKLCH

0.963 0.0054 297.7

Properties

Cool Light Nearest: RAL 9003 Signal White

Color Harmonies

Complementary

#F3F2F6

#F5F6F2

Analogous

#F2F3F6

#F5F2F6

#F3F2F6

Triadic

#F3F2F6

#F6F3F2

#F2F6F3

Split Complementary

#F3F2F6

#F6F5F2

#F3F6F2

Tetradic

#F3F2F6

#F6F2F3

#F5F6F2

#F2F6F5

Color Blindness Simulation

Original

#F3F2F6

Protanopia

#F3F3F5

Deuteranopia

#F3F3F5

Tritanopia

#F3F4F4

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D8D5E2
300
#BCB7CD
400
#988FB2
500
#746897
600
#5D5379
700
#4A4360
800
#3A344B
900
#2C2938
950
#1C1A24

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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