#396742

#396742

Color Values

HEX

#396742

RGB

57, 103, 66

HSL

131.7, 28.7%, 31.4%

HSV

131.7, 44.7%, 40.4%

CMYK

44.7%, 0.0%, 35.9%, 59.6%

OKLCH

0.47 0.0784 149.0

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#396742

#67395E

Analogous

#476739

#396759

#396742

Triadic

#396742

#423967

#674239

Split Complementary

#396742

#593967

#673947

Tetradic

#396742

#394767

#67395E

#675939

Color Blindness Simulation

Original

#396742

Protanopia

#4D4D4B

Deuteranopia

#4A474D

Tritanopia

#3B5254

Achromatopsia

#5B5B5B

CSS Usage

background-color: #396742;
color: #396742;
border-color: #396742;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F5F9F6
100
#E9F2EA
200
#D1E6D5
300
#B0D3B7
400
#86BC90
500
#5BA469
600
#498354
700
#3A6943
800
#2D5235
900
#243D29
950
#17271A

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

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