#FDC745

#FDC745

Color Values

HEX

#FDC745

RGB

253, 199, 69

HSL

42.4, 97.9%, 63.1%

HSV

42.4, 72.7%, 99.2%

CMYK

0.0%, 21.3%, 72.7%, 0.8%

OKLCH

0.856 0.1528 85.3

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FDC745

#457BFD

Analogous

#FD6B45

#D7FD45

#FDC745

Triadic

#FDC745

#45FDC7

#C745FD

Split Complementary

#FDC745

#45D7FD

#6B45FD

Tetradic

#FDC745

#45FD6B

#457BFD

#FD45D7

Color Blindness Simulation

Original

#FDC745

Protanopia

#E6E564

Deuteranopia

#E9ED6C

Tritanopia

#FA7D83

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FEEAB8
300
#FEDB86
400
#FDC744
500
#FCB303
600
#CA8F02
700
#A17302
800
#7E5A01
900
#5B4206
950
#3A2A04

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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