#F2F0F5

#F2F0F5

Color Values

HEX

#F2F0F5

RGB

242, 240, 245

HSL

264.0, 20.0%, 95.1%

HSV

264.0, 2.0%, 96.1%

CMYK

1.2%, 2.0%, 0.0%, 3.9%

OKLCH

0.9581 0.007 304.2

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#F2F0F5

#F3F5F0

Analogous

#F0F1F5

#F5F0F5

#F2F0F5

Triadic

#F2F0F5

#F5F2F0

#F0F5F2

Split Complementary

#F2F0F5

#F5F5F0

#F1F5F0

Tetradic

#F2F0F5

#F5F0F1

#F3F5F0

#F0F5F5

Color Blindness Simulation

Original

#F2F0F5

Protanopia

#F1F1F4

Deuteranopia

#F1F1F4

Tritanopia

#F2F3F3

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DAD4E2
300
#BFB6CE
400
#9D8EB4
500
#7A6699
600
#62527A
700
#4E4162
800
#3D334D
900
#2F2839
950
#1D1924

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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