#FFDC00

#FFDC00

Color Values

HEX

#FFDC00

RGB

255, 220, 0

HSL

51.8, 100.0%, 50.0%

HSV

51.8, 100.0%, 100.0%

CMYK

0.0%, 13.7%, 100.0%, 0.0%

OKLCH

0.8967 0.1851 97.4

Properties

Warm Light Nearest: gold

Color Harmonies

Complementary

#FFDC00

#0023FF

Analogous

#FF5D00

#A2FF00

#FFDC00

Triadic

#FFDC00

#00FFDC

#DC00FF

Split Complementary

#FFDC00

#00A2FF

#5D00FF

Tetradic

#FFDC00

#00FF5D

#0023FF

#FF00A2

Color Blindness Simulation

Original

#FFDC00

Protanopia

#F0F035

Deuteranopia

#F2F442

Tritanopia

#FD5F68

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FFF5B8
300
#FFEE85
400
#FFE542
500
#FFDC00
600
#CCB000
700
#A38D00
800
#806E00
900
#5C5005
950
#3A3303

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.49:1

AA Pass AAA Pass

Part of These Collections

Radix UI Colors

Yellow 10

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