#61CC6F

#61CC6F

Color Values

HEX

#61CC6F

RGB

97, 204, 111

HSL

127.9, 51.2%, 59.0%

HSV

127.9, 52.5%, 80.0%

CMYK

52.5%, 0.0%, 45.6%, 20.0%

OKLCH

0.7596 0.1637 146.4

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#61CC6F

#CC61BE

Analogous

#88CC61

#61CCA5

#61CC6F

Triadic

#61CC6F

#6F61CC

#CC6F61

Split Complementary

#61CC6F

#A561CC

#CC6188

Tetradic

#61CC6F

#6188CC

#CC61BE

#CCA561

Color Blindness Simulation

Original

#61CC6F

Protanopia

#8F9085

Deuteranopia

#89818B

Tritanopia

#66979B

Achromatopsia

#AFAFAF

CSS Usage

background-color: #61CC6F;
color: #61CC6F;
border-color: #61CC6F;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F4FBF5
100
#E5F5E7
200
#C9EECE
300
#A2E1AB
400
#70D17D
500
#3EC14F
600
#329A40
700
#287B33
800
#1F6028
900
#1A4720
950
#102D14

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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