#FCF5F0

#FCF5F0

Color Values

HEX

#FCF5F0

RGB

252, 245, 240

HSL

25.0, 66.7%, 96.5%

HSV

25.0, 4.8%, 98.8%

CMYK

0.0%, 2.8%, 4.8%, 1.2%

OKLCH

0.9742 0.0101 58.2

Properties

Warm Light Nearest: seashell

Color Harmonies

Complementary

#FCF5F0

#F0F7FC

Analogous

#FCF0F1

#FCFBF0

#FCF5F0

Triadic

#FCF5F0

#F0FCF5

#F5F0FC

Split Complementary

#FCF5F0

#F0FCFB

#F0F1FC

Tetradic

#FCF5F0

#F1FCF0

#F0F7FC

#FBF0FC

Color Blindness Simulation

Original

#FCF5F0

Protanopia

#F9F9F1

Deuteranopia

#F9FAF2

Tritanopia

#FCF2F2

Achromatopsia

#F6F6F6

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EBE3
200
#F3D7C3
300
#EBBB99
400
#E09662
500
#D5712A
600
#AA5B22
700
#88491B
800
#6A3915
900
#4E2C13
950
#311C0C

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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