#7FF485

#7FF485

Color Values

HEX

#7FF485

RGB

127, 244, 133

HSL

123.1, 84.2%, 72.7%

HSV

123.1, 48.0%, 95.7%

CMYK

48.0%, 0.0%, 45.5%, 4.3%

OKLCH

0.8728 0.1835 144.8

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#7FF485

#F47FEE

Analogous

#B3F47F

#7FF4BF

#7FF485

Triadic

#7FF485

#857FF4

#F4857F

Split Complementary

#7FF485

#BF7FF4

#F47FB3

Tetradic

#7FF485

#7FB3F4

#F47FEE

#F4BF7F

Color Blindness Simulation

Original

#7FF485

Protanopia

#B2B3A0

Deuteranopia

#ABA2A6

Tritanopia

#85B5BA

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FAE2
200
#BDF9C0
300
#8EF594
400
#51F059
500
#14EB1F
600
#10BC19
700
#0D9614
800
#0A7510
900
#0C5510
950
#07360A

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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