#388C86

#388C86

Color Values

HEX

#388C86

RGB

56, 140, 134

HSL

175.7, 42.9%, 38.4%

HSV

175.7, 60.0%, 54.9%

CMYK

60.0%, 0.0%, 4.3%, 45.1%

OKLCH

0.5875 0.081 188.7

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#388C86

#8C383E

Analogous

#388C5C

#38688C

#388C86

Triadic

#388C86

#86388C

#8C8638

Split Complementary

#388C86

#8C3868

#8C5C38

Tetradic

#388C86

#5C388C

#8C383E

#688C38

Color Blindness Simulation

Original

#388C86

Protanopia

#5C5D87

Deuteranopia

#585188

Tritanopia

#3C8989

Achromatopsia

#7A7A7A

CSS Usage

background-color: #388C86;
color: #388C86;
border-color: #388C86;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAFA
100
#E7F4F3
200
#CCEBE8
300
#A8DCD8
400
#78C9C3
500
#49B6AE
600
#3A928B
700
#2F7570
800
#245B57
900
#1E4340
950
#132A29

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.26:1

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