#60F070

#60F070

Color Values

HEX

#60F070

RGB

96, 240, 112

HSL

126.7, 82.8%, 65.9%

HSV

126.7, 60.0%, 94.1%

CMYK

60.0%, 0.0%, 53.3%, 5.9%

OKLCH

0.849 0.2106 145.4

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#60F070

#F060E0

Analogous

#98F060

#60F0B8

#60F070

Triadic

#60F070

#7060F0

#F07060

Split Complementary

#60F070

#B860F0

#F06098

Tetradic

#60F070

#6098F0

#F060E0

#F0B860

Color Blindness Simulation

Original

#60F070

Protanopia

#9EA08F

Deuteranopia

#968B96

Tritanopia

#67A7AD

Achromatopsia

#C8C8C8

CSS Usage

background-color: #60F070;
color: #60F070;
border-color: #60F070;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF3
100
#E1FAE3
200
#BEF9C4
300
#8FF49A
400
#53EF64
500
#16E92E
600
#12BA24
700
#0E951D
800
#0B7517
900
#0C5514
950
#08350D

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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