#DEC463

#DEC463

Color Values

HEX

#DEC463

RGB

222, 196, 99

HSL

47,3, 65,1%, 62,9%

HSV

47,3, 55,4%, 87,1%

CMYK

0,0%, 11,7%, 55,4%, 12,9%

OKLCH

0,823 0,1207 94,6

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#DEC463

#637DDE

Analogous

#DE8663

#BADE63

#DEC463

Triadic

#DEC463

#63DEC4

#C463DE

Split Complementary

#DEC463

#63BADE

#8663DE

Tetradic

#DEC463

#63DE86

#637DDE

#DE63BA

Color Blindness Simulation

Original

#DEC463

Protanopia

#D3D37A

Deuteranopia

#D4D680

Tritanopia

#DD8D91

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F7F3E3
200
#F3E9C4
300
#EAD99A
400
#DEC463
500
#D3AF2C
600
#A88C24
700
#87701C
800
#695816
900
#4D4114
950
#31290D

Contrast Checker

Text on white

1,72:1

AA Fail AAA Fail

Text on black

12,18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026