#388481

#388481

Color Values

HEX

#388481

RGB

56, 132, 129

HSL

177,6, 40,4%, 36,9%

HSV

177,6, 57,6%, 51,8%

CMYK

57,6%, 0,0%, 2,3%, 48,2%

OKLCH

0,5652 0,0748 191,7

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#388481

#84383B

Analogous

#38845B

#386184

#388481

Triadic

#388481

#813884

#848138

Split Complementary

#388481

#843861

#845B38

Tetradic

#388481

#5B3884

#84383B

#618438

Color Blindness Simulation

Original

#388481

Protanopia

#595A82

Deuteranopia

#544F82

Tritanopia

#3C8282

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDEAE9
300
#A9DBD9
400
#7BC7C4
500
#4CB3AF
600
#3D8F8C
700
#317370
800
#265A57
900
#1F4241
950
#132A29

Contrast Checker

Text on white

4,39:1

AA Fail AAA Fail

Text on black

4,79: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