#3B7F86

#3B7F86

Color Values

HEX

#3B7F86

RGB

59, 127, 134

HSL

185.6, 38.9%, 37.8%

HSV

185.6, 56.0%, 52.5%

CMYK

56.0%, 5.2%, 0.0%, 47.5%

OKLCH

0.5554 0.0692 204.4

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#3B7F86

#86423B

Analogous

#3B8667

#3B5986

#3B7F86

Triadic

#3B7F86

#863B7F

#7F863B

Split Complementary

#3B7F86

#863B59

#86673B

Tetradic

#3B7F86

#673B86

#86423B

#59863B

Color Blindness Simulation

Original

#3B7F86

Protanopia

#585984

Deuteranopia

#544F84

Tritanopia

#3E8383

Achromatopsia

#717171

CSS Usage

background-color: #3B7F86;
color: #3B7F86;
border-color: #3B7F86;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE7E9
300
#AAD5DA
400
#7CBFC5
500
#4EA8B1
600
#3E868E
700
#326B71
800
#275459
900
#1F3E41
950
#142729

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

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