#DEC563

#DEC563

Color Values

HEX

#DEC563

RGB

222, 197, 99

HSL

47.8, 65.1%, 62.9%

HSV

47.8, 55.4%, 87.1%

CMYK

0.0%, 11.3%, 55.4%, 12.9%

OKLCH

0.825 0.1215 95.3

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#DEC563

#637CDE

Analogous

#DE8763

#B9DE63

#DEC563

Triadic

#DEC563

#63DEC5

#C563DE

Split Complementary

#DEC563

#63B9DE

#8763DE

Tetradic

#DEC563

#63DE87

#637CDE

#DE63B9

Color Blindness Simulation

Original

#DEC563

Protanopia

#D3D37B

Deuteranopia

#D5D680

Tritanopia

#DD8D92

Achromatopsia

#C3C3C3

CSS Usage

background-color: #DEC563;
color: #DEC563;
border-color: #DEC563;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FCFAF3
100
#F7F3E3
200
#F3E9C4
300
#EAD99A
400
#DEC563
500
#D3B12C
600
#A88D24
700
#87711C
800
#695816
900
#4D4114
950
#31290D

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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