#FDD645

#FDD645

Color Values

HEX

#FDD645

RGB

253, 214, 69

HSL

47.3, 97.9%, 63.1%

HSV

47.3, 72.7%, 99.2%

CMYK

0.0%, 15.4%, 72.7%, 0.8%

OKLCH

0.8852 0.1603 93.4

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FDD645

#456CFD

Analogous

#FD7A45

#C8FD45

#FDD645

Triadic

#FDD645

#45FDD6

#D645FD

Split Complementary

#FDD645

#45C8FD

#7A45FD

Tetradic

#FDD645

#45FD7A

#456CFD

#FD45C8

Color Blindness Simulation

Original

#FDD645

Protanopia

#ECEC68

Deuteranopia

#EEF170

Tritanopia

#FB848A

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FEEFB8
300
#FEE486
400
#FDD644
500
#FCC703
600
#CAA002
700
#A18002
800
#7E6401
900
#5B4906
950
#3A2E04

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.88:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026