#DFF609

#DFF609

Color Values

HEX

#DFF609

RGB

223, 246, 9

HSL

65.8, 92.9%, 50.0%

HSV

65.8, 96.3%, 96.5%

CMYK

9.3%, 0.0%, 96.3%, 3.5%

OKLCH

0.9242 0.211 116.4

Properties

Cool Light Nearest: RAL 1016 Sulfur Yellow

Color Harmonies

Complementary

#DFF609

#2009F6

Analogous

#F69609

#69F609

#DFF609

Triadic

#DFF609

#09DFF6

#F609DF

Split Complementary

#DFF609

#0969F6

#9609F6

Tetradic

#DFF609

#09F696

#2009F6

#F60969

Color Blindness Simulation

Original

#DFF609

Protanopia

#E9E942

Deuteranopia

#E8E650

Tritanopia

#E0707A

Achromatopsia

#E0E0E0

CSS Usage

background-color: #DFF609;
color: #DFF609;
border-color: #DFF609;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FCFDF1
100
#F9FBDF
200
#F6FCBA
300
#F0FB89
400
#E7F849
500
#DFF609
600
#B2C507
700
#8F9D06
800
#707B05
900
#515908
950
#333805

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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