#DEC421

#DEC421

Color Values

HEX

#DEC421

RGB

222, 196, 33

HSL

51,7, 74,1%, 50,0%

HSV

51,7, 85,1%, 87,1%

CMYK

0,0%, 11,7%, 85,1%, 12,9%

OKLCH

0,8179 0,163 99,1

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#DEC421

#213BDE

Analogous

#DE6521

#9ADE21

#DEC421

Triadic

#DEC421

#21DEC4

#C421DE

Split Complementary

#DEC421

#219ADE

#6521DE

Tetradic

#DEC421

#21DE65

#213BDE

#DE219A

Color Blindness Simulation

Original

#DEC421

Protanopia

#D3D348

Deuteranopia

#D4D652

Tritanopia

#DD686E

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F5E2
200
#F6EEC1
300
#EFE394
400
#E7D35B
500
#DEC421
600
#B29D1A
700
#8E7D15
800
#6F6211
900
#514810
950
#332D0A

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

12,02: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