#FCC064

#FCC064

Color Values

HEX

#FCC064

RGB

252, 192, 100

HSL

36.3, 96.2%, 69.0%

HSV

36.3, 60.3%, 98.8%

CMYK

0.0%, 23.8%, 60.3%, 1.2%

OKLCH

0.8446 0.1289 76.1

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FCC064

#64A0FC

Analogous

#FC7464

#ECFC64

#FCC064

Triadic

#FCC064

#64FCC0

#C064FC

Split Complementary

#FCC064

#64ECFC

#7464FC

Tetradic

#FCC064

#64FC74

#64A0FC

#FC64EC

Color Blindness Simulation

Original

#FCC064

Protanopia

#E2E17A

Deuteranopia

#E6EA80

Tritanopia

#F98C90

Achromatopsia

#C6C6C6

CSS Usage

background-color: #FCC064;
color: #FCC064;
border-color: #FCC064;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FEF9F1
100
#FCF0DF
200
#FEE3B9
300
#FDCE87
400
#FBB446
500
#FA9905
600
#C87B04
700
#A06203
800
#7D4D02
900
#5A3907
950
#392404

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

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