#387177

#387177

Color Values

HEX

#387177

RGB

56, 113, 119

HSL

185.7, 36.0%, 34.3%

HSV

185.7, 52.9%, 46.7%

CMYK

52.9%, 5.0%, 0.0%, 53.3%

OKLCH

0.5126 0.0604 204.5

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#387177

#773E38

Analogous

#38775D

#385177

#387177

Triadic

#387177

#773871

#717738

Split Complementary

#387177

#773851

#775D38

Tetradic

#387177

#5D3877

#773E38

#517738

Color Blindness Simulation

Original

#387177

Protanopia

#515176

Deuteranopia

#4D4975

Tritanopia

#3B7474

Achromatopsia

#656565

CSS Usage

background-color: #387177;
color: #387177;
border-color: #387177;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CEE6E8
300
#ACD4D8
400
#7FBCC3
500
#52A5AD
600
#41848B
700
#34696F
800
#295257
900
#213D40
950
#152729

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail 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