#FCF99D

#FCF99D

Color Values

HEX

#FCF99D

RGB

252, 249, 157

HSL

58.1, 94.1%, 80.2%

HSV

58.1, 37.7%, 98.8%

CMYK

0.0%, 1.2%, 37.7%, 1.2%

OKLCH

0.9644 0.1136 106.7

Properties

Warm Light Nearest: Canary

Color Harmonies

Complementary

#FCF99D

#9DA0FC

Analogous

#FCCA9D

#D0FC9D

#FCF99D

Triadic

#FCF99D

#9DFCF9

#F99DFC

Split Complementary

#FCF99D

#9DD0FC

#CA9DFC

Tetradic

#FCF99D

#9DFCCA

#9DA0FC

#FC9DD0

Color Blindness Simulation

Original

#FCF99D

Protanopia

#FBFBB3

Deuteranopia

#FBFBB9

Tritanopia

#FCC5C9

Achromatopsia

#F3F3F3

CSS Usage

background-color: #FCF99D;
color: #FCF99D;
border-color: #FCF99D;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFBBA
300
#FBF888
400
#F9F448
500
#F7F008
600
#C6C006
700
#9E9A05
800
#7C7804
900
#595707
950
#393705

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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