#61DFAD

#61DFAD

Color Values

HEX

#61DFAD

RGB

97, 223, 173

HSL

156.2, 66.3%, 62.7%

HSV

156.2, 56.5%, 87.5%

CMYK

56.5%, 0.0%, 22.4%, 12.5%

OKLCH

0.819 0.1342 164.4

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#61DFAD

#DF6193

Analogous

#61DF6E

#61D2DF

#61DFAD

Triadic

#61DFAD

#AD61DF

#DFAD61

Split Complementary

#61DFAD

#DF61D2

#DF6E61

Tetradic

#61DFAD

#6E61DF

#DF6193

#D2DF61

Color Blindness Simulation

Original

#61DFAD

Protanopia

#9899B9

Deuteranopia

#9087BC

Tritanopia

#67C3C5

Achromatopsia

#C1C1C1

CSS Usage

background-color: #61DFAD;
color: #61DFAD;
border-color: #61DFAD;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C4F3E0
300
#99EACA
400
#62DFAE
500
#2BD491
600
#22AA74
700
#1B885D
800
#156A48
900
#144D36
950
#0C3122

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026