#398E81

#398E81

Color Values

HEX

#398E81

RGB

57, 142, 129

HSL

170.8, 42.7%, 39.0%

HSV

170.8, 59.9%, 55.7%

CMYK

59.9%, 0.0%, 9.2%, 44.3%

OKLCH

0.5913 0.0841 181.6

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#398E81

#8E3946

Analogous

#398E56

#39708E

#398E81

Triadic

#398E81

#81398E

#8E8139

Split Complementary

#398E81

#8E3970

#8E5639

Tetradic

#398E81

#56398E

#8E3946

#708E39

Color Blindness Simulation

Original

#398E81

Protanopia

#5E5F84

Deuteranopia

#595285

Tritanopia

#3D8787

Achromatopsia

#7B7B7B

CSS Usage

background-color: #398E81;
color: #398E81;
border-color: #398E81;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E7F4F2
200
#CCEBE6
300
#A8DCD4
400
#78C9BD
500
#49B6A5
600
#3A9284
700
#2F746A
800
#255B53
900
#1E433D
950
#132A27

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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