#3DB4B6

#3DB4B6

Color Values

HEX

#3DB4B6

RGB

61, 180, 182

HSL

181.0, 49.8%, 47.6%

HSV

181.0, 66.5%, 71.4%

CMYK

66.5%, 1.1%, 0.0%, 28.6%

OKLCH

0.7061 0.1033 196.7

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#3DB4B6

#B63F3D

Analogous

#3DB67B

#3D77B6

#3DB4B6

Triadic

#3DB4B6

#B63DB4

#B4B63D

Split Complementary

#3DB4B6

#B63D77

#B67B3D

Tetradic

#3DB4B6

#7B3DB6

#B63F3D

#77B63D

Color Blindness Simulation

Original

#3DB4B6

Protanopia

#7172B6

Deuteranopia

#6A61B5

Tritanopia

#43B5B5

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#CAECED
300
#A3DFE0
400
#72CED0
500
#40BDBF
600
#339799
700
#29797A
800
#205E5F
900
#1B4546
950
#112C2C

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.4:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026