#28F224

#28F224

Color Values

HEX

#28F224

RGB

40, 242, 36

HSL

118.8, 88.8%, 54.5%

HSV

118.8, 85.1%, 94.9%

CMYK

83.5%, 0.0%, 85.1%, 5.1%

OKLCH

0.8362 0.2733 142.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#28F224

#EE24F2

Analogous

#8FF224

#24F287

#28F224

Triadic

#28F224

#2428F2

#F22428

Split Complementary

#28F224

#8724F2

#F2248F

Tetradic

#28F224

#248FF2

#EE24F2

#F28724

Color Blindness Simulation

Original

#28F224

Protanopia

#808156

Deuteranopia

#746562

Tritanopia

#327D86

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FBE0
200
#BDFBBC
300
#8EF88B
400
#50F44D
500
#13F10E
600
#0FC10B
700
#0C9A09
800
#097807
900
#0B570A
950
#073706

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026