#2FF232

#2FF232

Color Values

HEX

#2FF232

RGB

47, 242, 50

HSL

120.9, 88.2%, 56.7%

HSV

120.9, 80.6%, 94.9%

CMYK

80.6%, 0.0%, 79.3%, 5.1%

OKLCH

0.8377 0.267 142.9

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#2FF232

#F22FEF

Analogous

#8EF22F

#2FF294

#2FF232

Triadic

#2FF232

#322FF2

#F2322F

Split Complementary

#2FF232

#942FF2

#F22F8E

Tetradic

#2FF232

#2F8EF2

#F22FEF

#F2942F

Color Blindness Simulation

Original

#2FF232

Protanopia

#838560

Deuteranopia

#786A6C

Tritanopia

#39858D

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FBE0
200
#BCFBBD
300
#8CF88D
400
#4DF450
500
#0FF012
600
#0CC00F
700
#0A9A0C
800
#087809
900
#0A570B
950
#063707

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.87:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026