#FDD102

#FDD102

Color Values

HEX

#FDD102

RGB

253, 209, 2

HSL

49.5, 98.4%, 50.0%

HSV

49.5, 99.2%, 99.2%

CMYK

0.0%, 17.4%, 99.2%, 0.8%

OKLCH

0.873 0.1786 93.4

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#FDD102

#022EFD

Analogous

#FD5402

#ABFD02

#FDD102

Triadic

#FDD102

#02FDD1

#D102FD

Split Complementary

#FDD102

#02ABFD

#5402FD

Tetradic

#FDD102

#02FD54

#022EFD

#FD02AB

Color Blindness Simulation

Original

#FDD102

Protanopia

#EAEA34

Deuteranopia

#ECF040

Tritanopia

#FB5C64

Achromatopsia

#CBCBCB

CSS Usage

background-color: #FDD102;
color: #FDD102;
border-color: #FDD102;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FEF2B8
300
#FEE986
400
#FDDD44
500
#FDD102
600
#CAA702
700
#A28601
800
#7E6901
900
#5B4C06
950
#3A3004

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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