#FDC345

#FDC345

Color Values

HEX

#FDC345

RGB

253, 195, 69

HSL

41.1, 97.9%, 63.1%

HSV

41.1, 72.7%, 99.2%

CMYK

0.0%, 22.9%, 72.7%, 0.8%

OKLCH

0.8484 0.1514 83.0

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FDC345

#457FFD

Analogous

#FD6745

#DBFD45

#FDC345

Triadic

#FDC345

#45FDC3

#C345FD

Split Complementary

#FDC345

#45DBFD

#6745FD

Tetradic

#FDC345

#45FD67

#457FFD

#FD45DB

Color Blindness Simulation

Original

#FDC345

Protanopia

#E4E363

Deuteranopia

#E7EC6B

Tritanopia

#FA7C81

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FEE8B8
300
#FED886
400
#FDC344
500
#FCAE03
600
#CA8B02
700
#A16F02
800
#7E5701
900
#5B4006
950
#3A2904

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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