#60F558

#60F558

Color Values

HEX

#60F558

RGB

96, 245, 88

HSL

116.9, 88.7%, 65.3%

HSV

116.9, 64.1%, 96.1%

CMYK

60.8%, 0.0%, 64.1%, 3.9%

OKLCH

0.8587 0.235 142.4

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#60F558

#ED58F5

Analogous

#AFF558

#58F59E

#60F558

Triadic

#60F558

#5860F5

#F55860

Split Complementary

#60F558

#9E58F5

#F558AF

Tetradic

#60F558

#58AFF5

#ED58F5

#F59E58

Color Blindness Simulation

Original

#60F558

Protanopia

#A1A27E

Deuteranopia

#988D87

Tritanopia

#679CA3

Achromatopsia

#CACACA

CSS Usage

background-color: #60F558;
color: #60F558;
border-color: #60F558;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF2
100
#E1FBE0
200
#BFFBBC
300
#91F88C
400
#56F44D
500
#1AF10E
600
#15C00C
700
#119A09
800
#0D7807
900
#0E570A
950
#093706

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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