#28F609

#28F609

Color Values

HEX

#28F609

RGB

40, 246, 9

HSL

112.2, 92.9%, 50.0%

HSV

112.2, 96.3%, 96.5%

CMYK

83.7%, 0.0%, 96.3%, 3.5%

OKLCH

0.8459 0.2823 141.9

Properties

Cool Light Nearest: Electric Lime

Color Harmonies

Complementary

#28F609

#D709F6

Analogous

#9EF609

#09F661

#28F609

Triadic

#28F609

#0928F6

#F60928

Split Complementary

#28F609

#6109F6

#F6099E

Tetradic

#28F609

#099EF6

#D709F6

#F66109

Color Blindness Simulation

Original

#28F609

Protanopia

#818342

Deuteranopia

#756650

Tritanopia

#32707A

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F3FDF1
100
#E3FBDF
200
#C3FCBA
300
#98FB89
400
#60F849
500
#28F609
600
#20C507
700
#1A9D06
800
#147B05
900
#125908
950
#0C3805

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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