#28DF18

#28DF18

Color Values

HEX

#28DF18

RGB

40, 223, 24

HSL

115,2, 80,6%, 48,4%

HSV

115,2, 89,2%, 87,5%

CMYK

82,1%, 0,0%, 89,2%, 12,5%

OKLCH

0,7864 0,2585 142,1

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#28DF18

#CF18DF

Analogous

#8BDF18

#18DF6C

#28DF18

Triadic

#28DF18

#1828DF

#DF1828

Split Complementary

#28DF18

#6C18DF

#DF188B

Tetradic

#28DF18

#188BDF

#CF18DF

#DF6C18

Color Blindness Simulation

Original

#28DF18

Protanopia

#777948

Deuteranopia

#6D5F54

Tritanopia

#316E77

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F3FDF2
100
#E3F9E1
200
#C3F8BF
300
#98F390
400
#61ED55
500
#29E619
600
#21B814
700
#1A9310
800
#15730C
900
#13540D
950
#0C3508

Contrast Checker

Text on white

1,8:1

AA Fail AAA Fail

Text on black

11,66:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Янв 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Янв 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Янв 15, 2026