#DDC222

#DDC222

Color Values

HEX

#DDC222

RGB

221, 194, 34

HSL

51.3, 73.3%, 50.0%

HSV

51.3, 84.6%, 86.7%

CMYK

0.0%, 12.2%, 84.6%, 13.3%

OKLCH

0.8129 0.1613 98.5

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#DDC222

#223DDD

Analogous

#DD6422

#9BDD22

#DDC222

Triadic

#DDC222

#22DDC2

#C222DD

Split Complementary

#DDC222

#229BDD

#6422DD

Tetradic

#DDC222

#22DD64

#223DDD

#DD229B

Color Blindness Simulation

Original

#DDC222

Protanopia

#D1D149

Deuteranopia

#D3D552

Tritanopia

#DC676E

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F5E2
200
#F5EEC1
300
#EFE295
400
#E6D25B
500
#DDC222
600
#B19B1B
700
#8D7C16
800
#6E6111
900
#504710
950
#332D0A

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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