#DDE342

#DDE342

Color Values

HEX

#DDE342

RGB

221, 227, 66

HSL

62.2, 74.2%, 57.5%

HSV

62.2, 70.9%, 89.0%

CMYK

2.6%, 0.0%, 70.9%, 11.0%

OKLCH

0.8838 0.1744 111.6

Properties

Cool Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#DDE342

#4842E3

Analogous

#E39942

#8DE342

#DDE342

Triadic

#DDE342

#42DDE3

#E342DD

Split Complementary

#DDE342

#428DE3

#9942E3

Tetradic

#DDE342

#42E399

#4842E3

#E3428D

Color Blindness Simulation

Original

#DDE342

Protanopia

#E0E069

Deuteranopia

#DFDF72

Tritanopia

#DD888E

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F8E2
200
#F4F6C1
300
#ECEF94
400
#E2E75B
500
#D7DE21
600
#ACB21A
700
#8A8E15
800
#6C6F10
900
#4E5110
950
#32330A

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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