#FFDE00

#FFDE00

Color Values

HEX

#FFDE00

RGB

255, 222, 0

HSL

52.2, 100.0%, 50.0%

HSV

52.2, 100.0%, 100.0%

CMYK

0.0%, 12.9%, 100.0%, 0.0%

OKLCH

0.9007 0.1863 98.3

Properties

Warm Light Nearest: gold

Color Harmonies

Complementary

#FFDE00

#0021FF

Analogous

#FF5E00

#A1FF00

#FFDE00

Triadic

#FFDE00

#00FFDE

#DE00FF

Split Complementary

#FFDE00

#00A1FF

#5E00FF

Tetradic

#FFDE00

#00FF5E

#0021FF

#FF00A1

Color Blindness Simulation

Original

#FFDE00

Protanopia

#F1F036

Deuteranopia

#F3F543

Tritanopia

#FD6069

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FFF6B8
300
#FFEF85
400
#FFE642
500
#FFDE00
600
#CCB100
700
#A38E00
800
#806F00
900
#5C5105
950
#3A3303

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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