#DCC423

#DCC423

Color Values

HEX

#DCC423

RGB

220, 196, 35

HSL

52.2, 72.5%, 50.0%

HSV

52.2, 84.1%, 86.3%

CMYK

0.0%, 10.9%, 84.1%, 13.7%

OKLCH

0.8161 0.1623 99.9

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#DCC423

#233BDC

Analogous

#DC6723

#98DC23

#DCC423

Triadic

#DCC423

#23DCC4

#C423DC

Split Complementary

#DCC423

#2398DC

#6723DC

Tetradic

#DCC423

#23DC67

#233BDC

#DC2398

Color Blindness Simulation

Original

#DCC423

Protanopia

#D2D14A

Deuteranopia

#D3D553

Tritanopia

#DB696F

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F5E2
200
#F5EEC1
300
#EEE395
400
#E5D35C
500
#DCC423
600
#B09D1C
700
#8D7D16
800
#6E6212
900
#504811
950
#332D0B

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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