#61DC99

#61DC99

Color Values

HEX

#61DC99

RGB

97, 220, 153

HSL

147.3, 63.7%, 62.2%

HSV

147.3, 55.9%, 86.3%

CMYK

55.9%, 0.0%, 30.5%, 13.7%

OKLCH

0.8071 0.1469 156.9

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#61DC99

#DC61A4

Analogous

#67DC61

#61DCD6

#61DC99

Triadic

#61DC99

#9961DC

#DC9961

Split Complementary

#61DC99

#D661DC

#DC6167

Tetradic

#61DC99

#6167DC

#DC61A4

#DCD661

Color Blindness Simulation

Original

#61DC99

Protanopia

#9697A9

Deuteranopia

#8F86AD

Tritanopia

#67B6B9

Achromatopsia

#BDBDBD

CSS Usage

background-color: #61DC99;
color: #61DC99;
border-color: #61DC99;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FBF7
100
#E3F7EC
200
#C5F2D9
300
#9BE9BE
400
#65DD9B
500
#2ED178
600
#25A760
700
#1E864D
800
#17683C
900
#154C2E
950
#0D301D

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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