#FDC344

#FDC344

Color Values

HEX

#FDC344

RGB

253, 195, 68

HSL

41.2, 97.9%, 62.9%

HSV

41.2, 73.1%, 99.2%

CMYK

0.0%, 22.9%, 73.1%, 0.8%

OKLCH

0.8483 0.152 83.1

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FDC344

#447EFD

Analogous

#FD6644

#DAFD44

#FDC344

Triadic

#FDC344

#44FDC3

#C344FD

Split Complementary

#FDC344

#44DAFD

#6644FD

Tetradic

#FDC344

#44FD66

#447EFD

#FD44DA

Color Blindness Simulation

Original

#FDC344

Protanopia

#E4E363

Deuteranopia

#E7EC6A

Tritanopia

#FA7B80

Achromatopsia

#C6C6C6

CSS Usage

background-color: #FDC344;
color: #FDC344;
border-color: #FDC344;
Nearest Tailwind: Amber 400 #FBBF24

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