#DCDF0D

#DCDF0D

Color Values

HEX

#DCDF0D

RGB

220, 223, 13

HSL

60,9, 89,0%, 46,3%

HSV

60,9, 94,2%, 87,5%

CMYK

1,3%, 0,0%, 94,2%, 12,5%

OKLCH

0,8724 0,1898 110,7

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#DCDF0D

#100DDF

Analogous

#DF790D

#73DF0D

#DCDF0D

Triadic

#DCDF0D

#0DDCDF

#DF0DDC

Split Complementary

#DCDF0D

#0D73DF

#790DDF

Tetradic

#DCDF0D

#0DDF79

#100DDF

#DF0D73

Color Blindness Simulation

Original

#DCDF0D

Protanopia

#DDDD40

Deuteranopia

#DDDD4C

Tritanopia

#DC6871

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFBE0
200
#FAFBBC
300
#F7F88B
400
#F2F54D
500
#EEF10E
600
#BEC10B
700
#989A09
800
#777807
900
#56570A
950
#363706

Contrast Checker

Text on white

1,44:1

AA Fail AAA Fail

Text on black

14,6:1

AA Pass AAA Pass

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