#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026