#7CF484

#7CF484

Color Values

HEX

#7CF484

RGB

124, 244, 132

HSL

124.0, 84.5%, 72.2%

HSV

124.0, 49.2%, 95.7%

CMYK

49.2%, 0.0%, 45.9%, 4.3%

OKLCH

0.8715 0.1859 145.1

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#7CF484

#F47CEC

Analogous

#B0F47C

#7CF4C0

#7CF484

Triadic

#7CF484

#847CF4

#F4847C

Split Complementary

#7CF484

#C07CF4

#F47CB0

Tetradic

#7CF484

#7CB0F4

#F47CEC

#F4C07C

Color Blindness Simulation

Original

#7CF484

Protanopia

#B0B19F

Deuteranopia

#A9A0A6

Tritanopia

#82B5B9

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E0FAE2
200
#BDF9C1
300
#8EF695
400
#51F05C
500
#14EB22
600
#10BC1B
700
#0D9716
800
#0A7611
900
#0C5511
950
#07360A

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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