#DFF54D

#DFF54D

Color Values

HEX

#DFF54D

RGB

223, 245, 77

HSL

67.9, 89.4%, 63.1%

HSV

67.9, 68.6%, 96.1%

CMYK

9.0%, 0.0%, 68.6%, 3.9%

OKLCH

0.9246 0.186 116.7

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#DFF54D

#634DF5

Analogous

#F5B74D

#8BF54D

#DFF54D

Triadic

#DFF54D

#4DDFF5

#F54DDF

Split Complementary

#DFF54D

#4D8BF5

#B74DF5

Tetradic

#DFF54D

#4DF5B7

#634DF5

#F54D8B

Color Blindness Simulation

Original

#DFF54D

Protanopia

#E9E976

Deuteranopia

#E7E67F

Tritanopia

#E0969D

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F7FBE0
200
#F3FBBB
300
#EAF98B
400
#DFF54C
500
#D3F10E
600
#A9C10B
700
#879B09
800
#6A7907
900
#4D5709
950
#313706

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026