#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026