#DCDF5C

#DCDF5C

Color Values

HEX

#DCDF5C

RGB

220, 223, 92

HSL

61.4, 67.2%, 61.8%

HSV

61.4, 58.7%, 87.5%

CMYK

1.3%, 0.0%, 58.7%, 12.5%

OKLCH

0.8766 0.1523 110.4

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#DCDF5C

#5F5CDF

Analogous

#DFA15C

#9BDF5C

#DCDF5C

Triadic

#DCDF5C

#5CDCDF

#DF5CDC

Split Complementary

#DCDF5C

#5C9BDF

#A15CDF

Tetradic

#DCDF5C

#5CDFA1

#5F5CDF

#DF5C9B

Color Blindness Simulation

Original

#DCDF5C

Protanopia

#DDDD7C

Deuteranopia

#DDDD83

Tritanopia

#DC959A

Achromatopsia

#D5D5D5

CSS Usage

background-color: #DCDF5C;
color: #DCDF5C;
border-color: #DCDF5C;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FCFCF3
100
#F7F7E3
200
#F2F3C3
300
#E9EB99
400
#DDE061
500
#D1D52A
600
#A7AB21
700
#86881B
800
#696B15
900
#4C4E13
950
#30310C

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026