#7FF102

#7FF102

Color Values

HEX

#7FF102

RGB

127, 241, 2

HSL

88.6, 98.4%, 47.6%

HSV

88.6, 99.2%, 94.5%

CMYK

47.3%, 0.0%, 99.2%, 5.5%

OKLCH

0.856 0.2502 135.1

Properties

Cool Light Nearest: chartreuse 2

Color Harmonies

Complementary

#7FF102

#7402F1

Analogous

#F1EB02

#08F102

#7FF102

Triadic

#7FF102

#027FF1

#F1027F

Split Complementary

#7FF102

#0208F1

#EB02F1

Tetradic

#7FF102

#02F1EB

#7402F1

#F10208

Color Blindness Simulation

Original

#7FF102

Protanopia

#B0B13C

Deuteranopia

#AAA14A

Tritanopia

#856A74

Achromatopsia

#C8C8C8

CSS Usage

background-color: #7FF102;
color: #7FF102;
border-color: #7FF102;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F8FEF1
100
#EEFCDE
200
#DDFEB8
300
#C5FE86
400
#A5FD44
500
#85FD02
600
#6BCA02
700
#55A201
800
#437E01
900
#325B06
950
#203A04

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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