#FCF7ED

#FCF7ED

Color Values

HEX

#FCF7ED

RGB

252, 247, 237

HSL

40.0, 71.4%, 95.9%

HSV

40.0, 6.0%, 98.8%

CMYK

0.0%, 2.0%, 6.0%, 1.2%

OKLCH

0.9773 0.0143 84.6

Properties

Warm Light Nearest: floralwhite

Color Harmonies

Complementary

#FCF7ED

#EDF2FC

Analogous

#FCF0ED

#FAFCED

#FCF7ED

Triadic

#FCF7ED

#EDFCF7

#F7EDFC

Split Complementary

#FCF7ED

#EDFAFC

#F0EDFC

Tetradic

#FCF7ED

#EDFCF0

#EDF2FC

#FCEDFA

Color Blindness Simulation

Original

#FCF7ED

Protanopia

#FAFAEF

Deuteranopia

#FAFAF0

Tritanopia

#FCF1F2

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#FCF9F3
100
#F8F1E2
200
#F5E4C2
300
#EDD096
400
#E4B75D
500
#DB9E24
600
#AF7E1D
700
#8C6517
800
#6D4F12
900
#503B11
950
#32250B

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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