#FDC445

#FDC445

Color Values

HEX

#FDC445

RGB

253, 196, 69

HSL

41.4, 97.9%, 63.1%

HSV

41.4, 72.7%, 99.2%

CMYK

0.0%, 22.5%, 72.7%, 0.8%

OKLCH

0.8503 0.1518 83.5

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FDC445

#457EFD

Analogous

#FD6845

#DAFD45

#FDC445

Triadic

#FDC445

#45FDC4

#C445FD

Split Complementary

#FDC445

#45DAFD

#6845FD

Tetradic

#FDC445

#45FD68

#457EFD

#FD45DA

Color Blindness Simulation

Original

#FDC445

Protanopia

#E4E464

Deuteranopia

#E8EC6B

Tritanopia

#FA7C81

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FEE9B8
300
#FED986
400
#FDC444
500
#FCAF03
600
#CA8C02
700
#A17002
800
#7E5701
900
#5B4106
950
#3A2904

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.16:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026