#DEC663

#DEC663

Color Values

HEX

#DEC663

RGB

222, 198, 99

HSL

48,3, 65,1%, 62,9%

HSV

48,3, 55,4%, 87,1%

CMYK

0,0%, 10,8%, 55,4%, 12,9%

OKLCH

0,827 0,1223 95,9

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#DEC663

#637BDE

Analogous

#DE8863

#B8DE63

#DEC663

Triadic

#DEC663

#63DEC6

#C663DE

Split Complementary

#DEC663

#63B8DE

#8863DE

Tetradic

#DEC663

#63DE88

#637BDE

#DE63B8

Color Blindness Simulation

Original

#DEC663

Protanopia

#D4D37B

Deuteranopia

#D5D781

Tritanopia

#DD8E92

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F7F3E3
200
#F3E9C4
300
#EADA9A
400
#DEC663
500
#D3B22C
600
#A88F24
700
#87721C
800
#695916
900
#4D4214
950
#312A0D

Contrast Checker

Text on white

1,7:1

AA Fail AAA Fail

Text on black

12,36: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