#60BC25

#60BC25

Color Values

HEX

#60BC25

RGB

96, 188, 37

HSL

96.6, 67.1%, 44.1%

HSV

96.6, 80.3%, 73.7%

CMYK

48.9%, 0.0%, 80.3%, 26.3%

OKLCH

0.7108 0.1988 136.5

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#60BC25

#8125BC

Analogous

#ABBC25

#25BC36

#60BC25

Triadic

#60BC25

#2560BC

#BC2560

Split Complementary

#60BC25

#3625BC

#BC25AB

Tetradic

#60BC25

#25ABBC

#8125BC

#BC3625

Color Blindness Simulation

Original

#60BC25

Protanopia

#888949

Deuteranopia

#827C52

Tritanopia

#65666D

Achromatopsia

#9E9E9E

CSS Usage

background-color: #60BC25;
color: #60BC25;
border-color: #60BC25;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F6FCF3
100
#EBF7E3
200
#D6F3C3
300
#B9EB99
400
#93E061
500
#6DD52A
600
#57AA22
700
#46881B
800
#366B15
900
#2A4E13
950
#1B310C

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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