#FFF9F2

#FFF9F2

Color Values

HEX

#FFF9F2

RGB

255, 249, 242

HSL

32.3, 100.0%, 97.5%

HSV

32.3, 5.1%, 100.0%

CMYK

0.0%, 2.4%, 5.1%, 0.0%

OKLCH

0.9848 0.0113 71.9

Properties

Warm Light Nearest: floralwhite

Color Harmonies

Complementary

#FFF9F2

#F2F8FF

Analogous

#FFF3F2

#FFFFF2

#FFF9F2

Triadic

#FFF9F2

#F2FFF9

#F9F2FF

Split Complementary

#FFF9F2

#F2FFFF

#F3F2FF

Tetradic

#FFF9F2

#F2FFF3

#F2F8FF

#FFF2FF

Color Blindness Simulation

Original

#FFF9F2

Protanopia

#FCFCF4

Deuteranopia

#FDFDF4

Tritanopia

#FFF5F5

Achromatopsia

#FAFAFA

CSS Usage

background-color: #FFF9F2;
color: #FFF9F2;
border-color: #FFF9F2;
Nearest Tailwind: Orange 50 #FFF7ED

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FFDEB8
300
#FFC685
400
#FFA842
500
#FF8900
600
#CC6E00
700
#A35800
800
#804500
900
#5C3405
950
#3A2103

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

20.08:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026