#FFF9F1

#FFF9F1

Color Values

HEX

#FFF9F1

RGB

255, 249, 241

HSL

34.3, 100.0%, 97.3%

HSV

34.3, 5.5%, 100.0%

CMYK

0.0%, 2.4%, 5.5%, 0.0%

OKLCH

0.9846 0.0124 75.4

Properties

Warm Light Nearest: floralwhite

Color Harmonies

Complementary

#FFF9F1

#F1F7FF

Analogous

#FFF2F1

#FEFFF1

#FFF9F1

Triadic

#FFF9F1

#F1FFF9

#F9F1FF

Split Complementary

#FFF9F1

#F1FEFF

#F2F1FF

Tetradic

#FFF9F1

#F1FFF2

#F1F7FF

#FFF1FE

Color Blindness Simulation

Original

#FFF9F1

Protanopia

#FCFCF3

Deuteranopia

#FDFDF3

Tritanopia

#FFF4F5

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FFE0B8
300
#FFCB85
400
#FFAE42
500
#FF9200
600
#CC7500
700
#A35D00
800
#804900
900
#5C3705
950
#3A2303

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

20.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026