#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026