#DCD215

#DCD215

Color Values

HEX

#DCD215

RGB

220, 210, 21

HSL

57,0, 82,6%, 47,3%

HSV

57,0, 90,5%, 86,3%

CMYK

0,0%, 4,5%, 90,5%, 13,7%

OKLCH

0,845 0,1771 106,1

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#DCD215

#151FDC

Analogous

#DC6F15

#83DC15

#DCD215

Triadic

#DCD215

#15DCD2

#D215DC

Split Complementary

#DCD215

#1583DC

#6F15DC

Tetradic

#DCD215

#15DC6F

#151FDC

#DC1583

Color Blindness Simulation

Original

#DCD215

Protanopia

#D8D843

Deuteranopia

#D8D94E

Tritanopia

#DC676F

Achromatopsia

#C6C6C6

CSS Usage

background-color: #DCD215;
color: #DCD215;
border-color: #DCD215;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFCF2
100
#FAF8E1
200
#F9F6BE
300
#F4EF8F
400
#EFE753
500
#E9DE16
600
#BAB212
700
#958E0E
800
#746F0B
900
#54510C
950
#353308

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,27:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026