#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