#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026