#FCCC8F

#FCCC8F

Color Values

HEX

#FCCC8F

RGB

252, 204, 143

HSL

33.6, 94.8%, 77.5%

HSV

33.6, 43.3%, 98.8%

CMYK

0.0%, 19.0%, 43.3%, 1.2%

OKLCH

0.8736 0.0947 72.7

Properties

Warm Light Nearest: burlywood 1

Color Harmonies

Complementary

#FCCC8F

#8FBFFC

Analogous

#FC968F

#F5FC8F

#FCCC8F

Triadic

#FCCC8F

#8FFCCC

#CC8FFC

Split Complementary

#FCCC8F

#8FF5FC

#968FFC

Tetradic

#FCCC8F

#8FFC96

#8FBFFC

#FC8FF5

Color Blindness Simulation

Original

#FCCC8F

Protanopia

#E7E79E

Deuteranopia

#EAEEA1

Tritanopia

#FAA9AC

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEFDF
200
#FDDFB9
300
#FCC988
400
#FAAB47
500
#F88E07
600
#C77205
700
#9F5B04
800
#7C4703
900
#5A3507
950
#392204

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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