#7CE180

#7CE180

Color Values

HEX

#7CE180

RGB

124, 225, 128

HSL

122.4, 62.7%, 68.4%

HSV

122.4, 44.9%, 88.2%

CMYK

44.9%, 0.0%, 43.1%, 11.8%

OKLCH

0.8251 0.1633 144.7

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#7CE180

#E17CDD

Analogous

#AAE17C

#7CE1B2

#7CE180

Triadic

#7CE180

#807CE1

#E1807C

Split Complementary

#7CE180

#B27CE1

#E17CAA

Tetradic

#7CE180

#7CAAE1

#E17CDD

#E1B27C

Color Blindness Simulation

Original

#7CE180

Protanopia

#A8A997

Deuteranopia

#A29A9D

Tritanopia

#81AAAE

Achromatopsia

#C5C5C5

CSS Usage

background-color: #7CE180;
color: #7CE180;
border-color: #7CE180;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FBF4
100
#E4F7E4
200
#C5F2C7
300
#9BE89E
400
#65DC6A
500
#30CF36
600
#26A62B
700
#1E8523
800
#18681B
900
#154C17
950
#0D300F

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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