#60A930

#60A930

Color Values

HEX

#60A930

RGB

96, 169, 48

HSL

96.2, 55.8%, 42.5%

HSV

96.2, 71.6%, 66.3%

CMYK

43.2%, 0.0%, 71.6%, 33.7%

OKLCH

0.6627 0.1698 135.6

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#60A930

#7930A9

Analogous

#9CA930

#30A93C

#60A930

Triadic

#60A930

#3060A9

#A93060

Split Complementary

#60A930

#3C30A9

#A9309C

Tetradic

#60A930

#309CA9

#7930A9

#A93C30

Color Blindness Simulation

Original

#60A930

Protanopia

#80804D

Deuteranopia

#7B7654

Tritanopia

#646469

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EBF6E5
200
#D7EFC7
300
#BBE4A0
400
#96D56C
500
#71C738
600
#5A9F2D
700
#487F24
800
#38631C
900
#2B4918
950
#1B2E0F

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

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