#39B2C6

#39B2C6

Color Values

HEX

#39B2C6

RGB

57, 178, 198

HSL

188.5, 55.3%, 50.0%

HSV

188.5, 71.2%, 77.6%

CMYK

71.2%, 10.1%, 0.0%, 22.4%

OKLCH

0.7062 0.1072 210.9

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#39B2C6

#C64D39

Analogous

#39C693

#396CC6

#39B2C6

Triadic

#39B2C6

#C639B2

#B2C639

Split Complementary

#39B2C6

#C6396C

#C69339

Tetradic

#39B2C6

#9339C6

#C64D39

#6CC639

Color Blindness Simulation

Original

#39B2C6

Protanopia

#6D6EC1

Deuteranopia

#665DC0

Tritanopia

#3FBDBC

Achromatopsia

#9A9A9A

CSS Usage

background-color: #39B2C6;
color: #39B2C6;
border-color: #39B2C6;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E5F3F6
200
#C8E9EF
300
#A0DAE4
400
#6CC6D5
500
#39B2C6
600
#2E8E9E
700
#24727F
800
#1C5963
900
#184249
950
#0F2A2E

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.36:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026