#7FE48B

#7FE48B

Color Values

HEX

#7FE48B

RGB

127, 228, 139

HSL

127.1, 65.2%, 69.6%

HSV

127.1, 44.3%, 89.4%

CMYK

44.3%, 0.0%, 39.0%, 10.6%

OKLCH

0.8356 0.1555 146.6

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#7FE48B

#E47FD8

Analogous

#A6E47F

#7FE4BD

#7FE48B

Triadic

#7FE48B

#8B7FE4

#E48B7F

Split Complementary

#7FE48B

#BD7FE4

#E47FA6

Tetradic

#7FE48B

#7FA6E4

#E47FD8

#E4BD7F

Color Blindness Simulation

Original

#7FE48B

Protanopia

#ABACA1

Deuteranopia

#A59DA6

Tritanopia

#84B2B5

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E6
200
#C4F3CA
300
#9AEAA3
400
#63DE72
500
#2CD340
600
#23A933
700
#1C8729
800
#166920
900
#144D1B
950
#0D3111

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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