#DCDF1C

#DCDF1C

Color Values

HEX

#DCDF1C

RGB

220, 223, 28

HSL

60.9, 77.7%, 49.2%

HSV

60.9, 87.4%, 87.5%

CMYK

1.3%, 0.0%, 87.4%, 12.5%

OKLCH

0.8727 0.1868 110.7

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#DCDF1C

#1F1CDF

Analogous

#DF801C

#7BDF1C

#DCDF1C

Triadic

#DCDF1C

#1CDCDF

#DF1CDC

Split Complementary

#DCDF1C

#1C7BDF

#801CDF

Tetradic

#DCDF1C

#1CDF80

#1F1CDF

#DF1C7B

Color Blindness Simulation

Original

#DCDF1C

Protanopia

#DDDD4B

Deuteranopia

#DDDD56

Tritanopia

#DC7079

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F9E1
200
#F6F7C0
300
#F0F192
400
#E8EA57
500
#E0E31C
600
#B3B517
700
#8F9112
800
#70710E
900
#51520F
950
#333409

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.61: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