#2BE718

#2BE718

Color Values

HEX

#2BE718

RGB

43, 231, 24

HSL

114.5, 81.2%, 50.0%

HSV

114.5, 89.6%, 90.6%

CMYK

81.4%, 0.0%, 89.6%, 9.4%

OKLCH

0.8077 0.2655 142.0

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#2BE718

#D418E7

Analogous

#92E718

#18E76D

#2BE718

Triadic

#2BE718

#182BE7

#E7182B

Split Complementary

#2BE718

#6D18E7

#E71892

Tetradic

#2BE718

#1892E7

#D418E7

#E76D18

Color Blindness Simulation

Original

#2BE718

Protanopia

#7C7E4A

Deuteranopia

#726356

Tritanopia

#34727A

Achromatopsia

#B0B0B0

CSS Usage

background-color: #2BE718;
color: #2BE718;
border-color: #2BE718;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F3FDF2
100
#E3F9E1
200
#C4F8BE
300
#99F390
400
#62ED54
500
#2BE718
600
#22B913
700
#1B940F
800
#15740C
900
#14540D
950
#0C3508

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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