#2DFF02

#2DFF02

Color Values

HEX

#2DFF02

RGB

45, 255, 2

HSL

109,8, 100,0%, 50,4%

HSV

109,8, 99,2%, 100,0%

CMYK

82,4%, 0,0%, 99,2%, 0,0%

OKLCH

0,8695 0,2904 141,7

Properties

Cool Light Nearest: lime

Color Harmonies

Complementary

#2DFF02

#D402FF

Analogous

#ACFF02

#02FF56

#2DFF02

Triadic

#2DFF02

#022DFF

#FF022D

Split Complementary

#2DFF02

#5602FF

#FF02AC

Tetradic

#2DFF02

#02ACFF

#D402FF

#FF5602

Color Blindness Simulation

Original

#2DFF02

Protanopia

#888A3F

Deuteranopia

#7C6C4E

Tritanopia

#38707A

Achromatopsia

#C0C0C0

CSS Usage

background-color: #2DFF02;
color: #2DFF02;
border-color: #2DFF02;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F3FEF1
100
#E3FCDE
200
#C4FFB8
300
#99FF85
400
#62FF42
500
#2BFF00
600
#23CC00
700
#1CA300
800
#168000
900
#145C05
950
#0C3A03

Contrast Checker

Text on white

1,36:1

AA Fail AAA Fail

Text on black

15,42:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026