#28F22C

#28F22C

Color Values

HEX

#28F22C

RGB

40, 242, 44

HSL

121.2, 88.6%, 55.3%

HSV

121.2, 83.5%, 94.9%

CMYK

83.5%, 0.0%, 81.8%, 5.1%

OKLCH

0.8365 0.2706 142.8

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#28F22C

#F228EE

Analogous

#89F228

#28F291

#28F22C

Triadic

#28F22C

#2C28F2

#F22C28

Split Complementary

#28F22C

#9128F2

#F22889

Tetradic

#28F22C

#2889F2

#F228EE

#F29128

Color Blindness Simulation

Original

#28F22C

Protanopia

#80815C

Deuteranopia

#746567

Tritanopia

#32828A

Achromatopsia

#B9B9B9

CSS Usage

background-color: #28F22C;
color: #28F22C;
border-color: #28F22C;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F2FDF2
100
#E0FBE0
200
#BCFBBD
300
#8CF88E
400
#4DF450
500
#0FF013
600
#0CC00F
700
#099A0C
800
#07780A
900
#0A570B
950
#063707

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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