#398061

#398061

Color Values

HEX

#398061

RGB

57, 128, 97

HSL

153.8, 38.4%, 36.3%

HSV

153.8, 55.5%, 50.2%

CMYK

55.5%, 0.0%, 24.2%, 49.8%

OKLCH

0.5451 0.0873 162.6

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#398061

#803958

Analogous

#39803E

#397C80

#398061

Triadic

#398061

#613980

#806139

Split Complementary

#398061

#80397C

#803E39

Tetradic

#398061

#3E3980

#803958

#7C8039

Color Blindness Simulation

Original

#398061

Protanopia

#585868

Deuteranopia

#544E6A

Tritanopia

#3D6E70

Achromatopsia

#6F6F6F

CSS Usage

background-color: #398061;
color: #398061;
border-color: #398061;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CEE9DD
300
#AAD9C5
400
#7CC5A5
500
#4FB086
600
#3F8D6B
700
#327156
800
#275843
900
#204133
950
#142920

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43:1

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