#F5F2F0

#F5F2F0

Color Values

HEX

#F5F2F0

RGB

245, 242, 240

HSL

24.0, 20.0%, 95.1%

HSV

24.0, 2.0%, 96.1%

CMYK

0.0%, 1.2%, 2.0%, 3.9%

OKLCH

0.9629 0.0042 56.4

Properties

Warm Light Nearest: RAL 9003 Signal White

Color Harmonies

Complementary

#F5F2F0

#F0F3F5

Analogous

#F5F0F1

#F5F5F0

#F5F2F0

Triadic

#F5F2F0

#F0F5F2

#F2F0F5

Split Complementary

#F5F2F0

#F0F5F5

#F0F1F5

Tetradic

#F5F2F0

#F1F5F0

#F0F3F5

#F5F0F5

Color Blindness Simulation

Original

#F5F2F0

Protanopia

#F4F4F0

Deuteranopia

#F4F4F1

Tritanopia

#F5F1F1

Achromatopsia

#F2F2F2

CSS Usage

background-color: #F5F2F0;
color: #F5F2F0;
border-color: #F5F2F0;
Nearest Tailwind: Stone 100 #F5F5F4

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E2DAD4
300
#CEBFB6
400
#B49D8E
500
#997A66
600
#7A6252
700
#624E41
800
#4D3D33
900
#392F28
950
#241D19

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