#61A261

#61A261

Color Values

HEX

#61A261

RGB

97, 162, 97

HSL

120.0, 25.9%, 50.8%

HSV

120.0, 40.1%, 63.5%

CMYK

40.1%, 0.0%, 40.1%, 36.5%

OKLCH

0.6518 0.1158 144.1

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#61A261

#A261A2

Analogous

#82A261

#61A282

#61A261

Triadic

#61A261

#6161A2

#A26161

Split Complementary

#61A261

#8261A2

#A26182

Tetradic

#61A261

#6182A2

#A261A2

#A28261

Color Blindness Simulation

Original

#61A261

Protanopia

#7D7E71

Deuteranopia

#797474

Tritanopia

#647D80

Achromatopsia

#8F8F8F

CSS Usage

background-color: #61A261;
color: #61A261;
border-color: #61A261;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D2E5D2
300
#B2D2B2
400
#88B988
500
#5EA15E
600
#4C804C
700
#3C673C
800
#2F502F
900
#253C25
950
#172617

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.85:1

AA Pass AAA Fail

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