#396B58

#396B58

Color Values

HEX

#396B58

RGB

57, 107, 88

HSL

157.2, 30.5%, 32.2%

HSV

157.2, 46.7%, 42.0%

CMYK

46.7%, 0.0%, 17.8%, 58.0%

OKLCH

0.4866 0.0629 167.2

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#396B58

#6B394C

Analogous

#396B3F

#39656B

#396B58

Triadic

#396B58

#58396B

#6B5839

Split Complementary

#396B58

#6B3965

#6B3F39

Tetradic

#396B58

#3F396B

#6B394C

#656B39

Color Blindness Simulation

Original

#396B58

Protanopia

#4F4F5D

Deuteranopia

#4C485E

Tritanopia

#3C6061

Achromatopsia

#5F5F5F

CSS Usage

background-color: #396B58;
color: #396B58;
border-color: #396B58;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D0E6DE
300
#AFD4C6
400
#84BDA8
500
#59A689
600
#47856D
700
#396A58
800
#2C5344
900
#233E34
950
#162721

Contrast Checker

Text on white

6.14:1

AA Pass AAA Fail

Text on black

3.42:1

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