#FDD545

#FDD545

Color Values

HEX

#FDD545

RGB

253, 213, 69

HSL

47.0, 97.9%, 63.1%

HSV

47.0, 72.7%, 99.2%

CMYK

0.0%, 15.8%, 72.7%, 0.8%

OKLCH

0.8833 0.1597 92.9

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FDD545

#456DFD

Analogous

#FD7945

#C9FD45

#FDD545

Triadic

#FDD545

#45FDD5

#D545FD

Split Complementary

#FDD545

#45C9FD

#7945FD

Tetradic

#FDD545

#45FD79

#456DFD

#FD45C9

Color Blindness Simulation

Original

#FDD545

Protanopia

#ECEB68

Deuteranopia

#EEF170

Tritanopia

#FB8389

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FEEFB8
300
#FEE486
400
#FDD544
500
#FCC603
600
#CA9F02
700
#A17F02
800
#7E6301
900
#5B4906
950
#3A2E04

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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