#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

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