#396B5F

#396B5F

Color Values

HEX

#396B5F

RGB

57, 107, 95

HSL

165.6, 30.5%, 32.2%

HSV

165.6, 46.7%, 42.0%

CMYK

46.7%, 0.0%, 11.2%, 58.0%

OKLCH

0.4888 0.058 176.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#396B5F

#6B3945

Analogous

#396B46

#395E6B

#396B5F

Triadic

#396B5F

#5F396B

#6B5F39

Split Complementary

#396B5F

#6B395E

#6B4639

Tetradic

#396B5F

#46396B

#6B3945

#5E6B39

Color Blindness Simulation

Original

#396B5F

Protanopia

#4F4F62

Deuteranopia

#4C4863

Tritanopia

#3C6465

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F2F0
200
#D0E6E1
300
#AFD4CC
400
#84BDB0
500
#59A694
600
#478576
700
#396A5F
800
#2C534A
900
#233E37
950
#162723

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

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