#7FC84B

#7FC84B

Color Values

HEX

#7FC84B

RGB

127, 200, 75

HSL

95.0, 53.2%, 53.9%

HSV

95.0, 62.5%, 78.4%

CMYK

36.5%, 0.0%, 62.5%, 21.6%

OKLCH

0.7589 0.1746 134.5

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#7FC84B

#944BC8

Analogous

#BEC84B

#4BC855

#7FC84B

Triadic

#7FC84B

#4B7FC8

#C84B7F

Split Complementary

#7FC84B

#554BC8

#C84BBE

Tetradic

#7FC84B

#4BBEC8

#944BC8

#C8554B

Color Blindness Simulation

Original

#7FC84B

Protanopia

#9F9F69

Deuteranopia

#9A9570

Tritanopia

#838186

Achromatopsia

#AFAFAF

CSS Usage

background-color: #7FC84B;
color: #7FC84B;
border-color: #7FC84B;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FBF4
100
#ECF5E5
200
#D8EEC8
300
#BCE2A1
400
#98D36E
500
#74C33C
600
#5D9C30
700
#4A7D26
800
#3A621E
900
#2D4819
950
#1C2D10

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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