#60B25B

#60B25B

Color Values

HEX

#60B25B

RGB

96, 178, 91

HSL

116.6, 36.1%, 52.7%

HSV

116.6, 48.9%, 69.8%

CMYK

46.1%, 0.0%, 48.9%, 30.2%

OKLCH

0.6907 0.1464 142.7

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#60B25B

#AD5BB2

Analogous

#8BB25B

#5BB281

#60B25B

Triadic

#60B25B

#5B60B2

#B25B60

Split Complementary

#60B25B

#815BB2

#B25B8B

Tetradic

#60B25B

#5B8BB2

#AD5BB2

#B2815B

Color Blindness Simulation

Original

#60B25B

Protanopia

#848470

Deuteranopia

#7F7975

Tritanopia

#648184

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#D0E8CE
300
#AED8AC
400
#82C37F
500
#57AE51
600
#458B41
700
#376F34
800
#2B5729
900
#224021
950
#162915

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

8.02:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026