#FFF7ED

#FFF7ED

Color Values

HEX

#FFF7ED

RGB

255, 247, 237

HSL

33.3, 100.0%, 96.5%

HSV

33.3, 7.1%, 100.0%

CMYK

0.0%, 3.1%, 7.1%, 0.0%

OKLCH

0.9796 0.0158 73.7

Properties

Warm Light Nearest: floralwhite

Color Harmonies

Complementary

#FFF7ED

#EDF5FF

Analogous

#FFEEED

#FEFFED

#FFF7ED

Triadic

#FFF7ED

#EDFFF7

#F7EDFF

Split Complementary

#FFF7ED

#EDFEFF

#EEEDFF

Tetradic

#FFF7ED

#EDFFEE

#EDF5FF

#FFEDFE

Color Blindness Simulation

Original

#FFF7ED

Protanopia

#FCFBEF

Deuteranopia

#FCFDF0

Tritanopia

#FFF1F2

Achromatopsia

#F8F8F8

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FFDFB8
300
#FFC985
400
#FFAB42
500
#FF8E00
600
#CC7100
700
#A35B00
800
#804700
900
#5C3505
950
#3A2203

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

19.78:1

AA Pass AAA Pass

Part of These Collections

Radix UI Colors

Orange 2

Tailwind CSS — Orange

Orange 50

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