#DDDC63

#DDDC63

Color Values

HEX

#DDDC63

RGB

221, 220, 99

HSL

59.5, 64.2%, 62.7%

HSV

59.5, 55.2%, 86.7%

CMYK

0.0%, 0.5%, 55.2%, 13.3%

OKLCH

0.8718 0.1431 108.6

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#DDDC63

#6364DD

Analogous

#DD9F63

#A1DD63

#DDDC63

Triadic

#DDDC63

#63DDDC

#DC63DD

Split Complementary

#DDDC63

#63A1DD

#9F63DD

Tetradic

#DDDC63

#63DD9F

#6364DD

#DD63A1

Color Blindness Simulation

Original

#DDDC63

Protanopia

#DDDD80

Deuteranopia

#DDDD87

Tritanopia

#DD979C

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F7E3
200
#F2F2C4
300
#E9E89B
400
#DDDC64
500
#D1D02E
600
#A7A625
700
#86851D
800
#696817
900
#4C4C14
950
#30300D

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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