#39BAAD

#39BAAD

Color Values

HEX

#39BAAD

RGB

57, 186, 173

HSL

174.0, 53.1%, 47.6%

HSV

174.0, 69.4%, 72.9%

CMYK

69.4%, 0.0%, 7.0%, 27.1%

OKLCH

0.7169 0.1114 185.3

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#39BAAD

#BA3946

Analogous

#39BA6C

#3986BA

#39BAAD

Triadic

#39BAAD

#AD39BA

#BAAD39

Split Complementary

#39BAAD

#BA3986

#BA6C39

Tetradic

#39BAAD

#6C39BA

#BA3946

#86BA39

Color Blindness Simulation

Original

#39BAAD

Protanopia

#7172B0

Deuteranopia

#6960B1

Tritanopia

#3FB3B3

Achromatopsia

#9E9E9E

CSS Usage

background-color: #39BAAD;
color: #39BAAD;
border-color: #39BAAD;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C8EEEA
300
#A1E2DC
400
#6FD3C9
500
#3CC3B6
600
#309C91
700
#267D74
800
#1E625B
900
#194843
950
#102D2A

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026