#DEC963

#DEC963

Color Values

HEX

#DEC963

RGB

222, 201, 99

HSL

49,8, 65,1%, 62,9%

HSV

49,8, 55,4%, 87,1%

CMYK

0,0%, 9,5%, 55,4%, 12,9%

OKLCH

0,8332 0,1248 97,9

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#DEC963

#6378DE

Analogous

#DE8B63

#B5DE63

#DEC963

Triadic

#DEC963

#63DEC9

#C963DE

Split Complementary

#DEC963

#63B5DE

#8B63DE

Tetradic

#DEC963

#63DE8B

#6378DE

#DE63B5

Color Blindness Simulation

Original

#DEC963

Protanopia

#D5D57C

Deuteranopia

#D6D882

Tritanopia

#DD8F93

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F7F4E3
200
#F3EBC4
300
#EADC9A
400
#DEC963
500
#D3B62C
600
#A89224
700
#87751C
800
#695B16
900
#4D4314
950
#312A0D

Contrast Checker

Text on white

1,66:1

AA Fail AAA Fail

Text on black

12,64:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026