#60B85F

#60B85F

Color Values

HEX

#60B85F

RGB

96, 184, 95

HSL

119.3, 38.5%, 54.7%

HSV

119.3, 48.4%, 72.2%

CMYK

47.8%, 0.0%, 48.4%, 27.8%

OKLCH

0.7065 0.1512 143.6

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#60B85F

#B75FB8

Analogous

#8DB85F

#5FB88A

#60B85F

Triadic

#60B85F

#5F60B8

#B85F60

Split Complementary

#60B85F

#8A5FB8

#B85F8D

Tetradic

#60B85F

#5F8DB8

#B75FB8

#B88A5F

Color Blindness Simulation

Original

#60B85F

Protanopia

#868775

Deuteranopia

#817A7A

Tritanopia

#648689

Achromatopsia

#9F9F9F

CSS Usage

background-color: #60B85F;
color: #60B85F;
border-color: #60B85F;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF5
100
#E7F3E7
200
#CEE9CE
300
#ABD9AA
400
#7DC57C
500
#50B14E
600
#408D3F
700
#337132
800
#285827
900
#204120
950
#142914

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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