#DDEF54

#DDEF54

Color Values

HEX

#DDEF54

RGB

221, 239, 84

HSL

67.0, 82.9%, 63.3%

HSV

67.0, 64.9%, 93.7%

CMYK

7.5%, 0.0%, 64.9%, 6.3%

OKLCH

0.9108 0.1755 115.6

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#DDEF54

#6654EF

Analogous

#EFB454

#8FEF54

#DDEF54

Triadic

#DDEF54

#54DDEF

#EF54DD

Split Complementary

#DDEF54

#548FEF

#B454EF

Tetradic

#DDEF54

#54EFB4

#6654EF

#EF548F

Color Blindness Simulation

Original

#DDEF54

Protanopia

#E5E579

Deuteranopia

#E4E282

Tritanopia

#DE979E

Achromatopsia

#E0E0E0

CSS Usage

background-color: #DDEF54;
color: #DDEF54;
border-color: #DDEF54;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FBFDF2
100
#F7FAE1
200
#F2F9BE
300
#E9F58F
400
#DDEF52
500
#D1E916
600
#A7BB11
700
#85950E
800
#68750B
900
#4C550C
950
#303508

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

16.55:1

AA Pass AAA Pass

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026