#3DC2A8

#3DC2A8

Color Values

HEX

#3DC2A8

RGB

61, 194, 168

HSL

168.3, 52.2%, 50.0%

HSV

168.3, 68.6%, 76.1%

CMYK

68.6%, 0.0%, 13.4%, 23.9%

OKLCH

0.7362 0.1198 176.9

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#3DC2A8

#C23D57

Analogous

#3DC266

#3D99C2

#3DC2A8

Triadic

#3DC2A8

#A83DC2

#C2A83D

Split Complementary

#3DC2A8

#C23D99

#C2663D

Tetradic

#3DC2A8

#663DC2

#C23D57

#99C23D

Color Blindness Simulation

Original

#3DC2A8

Protanopia

#7778AE

Deuteranopia

#6F65B0

Tritanopia

#44B3B4

Achromatopsia

#A4A4A4

CSS Usage

background-color: #3DC2A8;
color: #3DC2A8;
border-color: #3DC2A8;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBF9
100
#E5F5F2
200
#C9EEE7
300
#A2E2D5
400
#6FD2BF
500
#3DC2A8
600
#319B86
700
#277C6C
800
#1E6154
900
#1A473E
950
#102D27

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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