#FCE0AF

#FCE0AF

Color Values

HEX

#FCE0AF

RGB

252, 224, 175

HSL

38.2, 92.8%, 83.7%

HSV

38.2, 30.6%, 98.8%

CMYK

0.0%, 11.1%, 30.6%, 1.2%

OKLCH

0.918 0.0704 81.5

Properties

Warm Light Nearest: moccasin

Color Harmonies

Complementary

#FCE0AF

#AFCBFC

Analogous

#FCB9AF

#F1FCAF

#FCE0AF

Triadic

#FCE0AF

#AFFCE0

#E0AFFC

Split Complementary

#FCE0AF

#AFF1FC

#B9AFFC

Tetradic

#FCE0AF

#AFFCB9

#AFCBFC

#FCAFF1

Color Blindness Simulation

Original

#FCE0AF

Protanopia

#F0F0BB

Deuteranopia

#F2F4BE

Tritanopia

#FBC4C6

Achromatopsia

#E2E2E2

CSS Usage

background-color: #FCE0AF;
color: #FCE0AF;
border-color: #FCE0AF;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FDF9F1
100
#FBF1DF
200
#FCE4BA
300
#FBD189
400
#F8B949
500
#F6A009
600
#C58007
700
#9D6606
800
#7B5005
900
#593C08
950
#382605

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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