#DEC263

#DEC263

Color Values

HEX

#DEC263

RGB

222, 194, 99

HSL

46.3, 65.1%, 62.9%

HSV

46.3, 55.4%, 87.1%

CMYK

0.0%, 12.6%, 55.4%, 12.9%

OKLCH

0.8189 0.1192 93.2

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#DEC263

#637FDE

Analogous

#DE8463

#BDDE63

#DEC263

Triadic

#DEC263

#63DEC2

#C263DE

Split Complementary

#DEC263

#63BDDE

#8463DE

Tetradic

#DEC263

#63DE84

#637FDE

#DE63BD

Color Blindness Simulation

Original

#DEC263

Protanopia

#D2D27A

Deuteranopia

#D4D680

Tritanopia

#DD8C90

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F7F3E3
200
#F3E8C4
300
#EAD79A
400
#DEC263
500
#D3AD2C
600
#A88A24
700
#876E1C
800
#695616
900
#4D4014
950
#31280D

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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