#60AE2F

#60AE2F

Color Values

HEX

#60AE2F

RGB

96, 174, 47

HSL

96.9, 57.5%, 43.3%

HSV

96.9, 73.0%, 68.2%

CMYK

44.8%, 0.0%, 73.0%, 31.8%

OKLCH

0.6755 0.1767 136.0

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#60AE2F

#7D2FAE

Analogous

#9FAE2F

#2FAE3E

#60AE2F

Triadic

#60AE2F

#2F60AE

#AE2F60

Split Complementary

#60AE2F

#3E2FAE

#AE2F9F

Tetradic

#60AE2F

#2F9FAE

#7D2FAE

#AE3E2F

Color Blindness Simulation

Original

#60AE2F

Protanopia

#82824E

Deuteranopia

#7D7755

Tritanopia

#64666B

Achromatopsia

#949494

CSS Usage

background-color: #60AE2F;
color: #60AE2F;
border-color: #60AE2F;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FBF4
100
#EBF6E4
200
#D7F0C7
300
#BAE59F
400
#94D76A
500
#6FC936
600
#59A12B
700
#478123
800
#37641B
900
#2B4A17
950
#1B2E0F

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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