#387672

#387672

Color Values

HEX

#387672

RGB

56, 118, 114

HSL

176.1, 35.6%, 34.1%

HSV

176.1, 52.5%, 46.3%

CMYK

52.5%, 0.0%, 3.4%, 53.7%

OKLCH

0.5237 0.0644 189.8

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#387672

#76383C

Analogous

#387653

#385B76

#387672

Triadic

#387672

#723876

#767238

Split Complementary

#387672

#76385B

#765338

Tetradic

#387672

#533876

#76383C

#5B7638

Color Blindness Simulation

Original

#387672

Protanopia

#535373

Deuteranopia

#4F4B73

Tritanopia

#3B7474

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CFE8E6
300
#ACD8D5
400
#7FC2BE
500
#52ADA7
600
#428A86
700
#356F6B
800
#295653
900
#21403E
950
#152827

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

4.0:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026