#FCC345

#FCC345

Color Values

HEX

#FCC345

RGB

252, 195, 69

HSL

41.3, 96.8%, 62.9%

HSV

41.3, 72.6%, 98.8%

CMYK

0.0%, 22.6%, 72.6%, 1.2%

OKLCH

0.8474 0.1511 83.4

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FCC345

#457EFC

Analogous

#FC6745

#D9FC45

#FCC345

Triadic

#FCC345

#45FCC3

#C345FC

Split Complementary

#FCC345

#45D9FC

#6745FC

Tetradic

#FCC345

#45FC67

#457EFC

#FC45D9

Color Blindness Simulation

Original

#FCC345

Protanopia

#E3E363

Deuteranopia

#E7EB6B

Tritanopia

#F97C81

Achromatopsia

#C6C6C6

CSS Usage

background-color: #FCC345;
color: #FCC345;
border-color: #FCC345;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FEE8B9
300
#FDD887
400
#FCC345
500
#FBAE04
600
#C98B03
700
#A16F03
800
#7D5702
900
#5B4006
950
#392904

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.03:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026