#DEF54C

#DEF54C

Color Values

HEX

#DEF54C

RGB

222, 245, 76

HSL

68.2, 89.4%, 62.9%

HSV

68.2, 69.0%, 96.1%

CMYK

9.4%, 0.0%, 69.0%, 3.9%

OKLCH

0.9238 0.187 116.9

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#DEF54C

#634CF5

Analogous

#F5B84C

#89F54C

#DEF54C

Triadic

#DEF54C

#4CDEF5

#F54CDE

Split Complementary

#DEF54C

#4C89F5

#B84CF5

Tetradic

#DEF54C

#4CF5B8

#634CF5

#F54C89

Color Blindness Simulation

Original

#DEF54C

Protanopia

#E8E875

Deuteranopia

#E7E57F

Tritanopia

#DF959C

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F7FBE0
200
#F2FBBB
300
#EAF98B
400
#DEF54C
500
#D2F10E
600
#A8C10B
700
#879B09
800
#697907
900
#4D5709
950
#303706

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.27:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026