#DEE31C

#DEE31C

Color Values

HEX

#DEE31C

RGB

222, 227, 28

HSL

61.5, 78.0%, 50.0%

HSV

61.5, 87.7%, 89.0%

CMYK

2.2%, 0.0%, 87.7%, 11.0%

OKLCH

0.8829 0.19 111.4

Properties

Cool Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#DEE31C

#211CE3

Analogous

#E3841C

#7BE31C

#DEE31C

Triadic

#DEE31C

#1CDEE3

#E31CDE

Split Complementary

#DEE31C

#1C7BE3

#841CE3

Tetradic

#DEE31C

#1CE384

#211CE3

#E31C7B

Color Blindness Simulation

Original

#DEE31C

Protanopia

#E0E04C

Deuteranopia

#E0DF58

Tritanopia

#DE727B

Achromatopsia

#D4D4D4

CSS Usage

background-color: #DEE31C;
color: #DEE31C;
border-color: #DEE31C;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FCFCF2
100
#F8F9E1
200
#F6F7BF
300
#EFF292
400
#E7EA57
500
#DEE31C
600
#B2B616
700
#8E9112
800
#6F710E
900
#51520E
950
#333409

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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