#388F87

#388F87

Color Values

HEX

#388F87

RGB

56, 143, 135

HSL

174.5, 43.7%, 39.0%

HSV

174.5, 60.8%, 56.1%

CMYK

60.8%, 0.0%, 5.6%, 43.9%

OKLCH

0.5955 0.0836 186.8

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#388F87

#8F3840

Analogous

#388F5B

#386B8F

#388F87

Triadic

#388F87

#87388F

#8F8738

Split Complementary

#388F87

#8F386B

#8F5B38

Tetradic

#388F87

#5B388F

#8F3840

#6B8F38

Color Blindness Simulation

Original

#388F87

Protanopia

#5E5E89

Deuteranopia

#595289

Tritanopia

#3C8A8B

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F4F3
200
#CCEBE8
300
#A7DDD8
400
#77CAC2
500
#48B7AD
600
#39938A
700
#2E756F
800
#245C57
900
#1D4440
950
#132B28

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

5.45: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