#399F65

#399F65

Color Values

HEX

#399F65

RGB

57, 159, 101

HSL

145.9, 47.2%, 42.4%

HSV

145.9, 64.2%, 62.4%

CMYK

64.2%, 0.0%, 36.5%, 37.6%

OKLCH

0.6283 0.1288 154.8

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#399F65

#9F3973

Analogous

#409F39

#399F98

#399F65

Triadic

#399F65

#65399F

#9F6539

Split Complementary

#399F65

#98399F

#9F3940

Tetradic

#399F65

#39409F

#9F3973

#9F9839

Color Blindness Simulation

Original

#399F65

Protanopia

#656673

Deuteranopia

#5F5876

Tritanopia

#3E7E81

Achromatopsia

#858585

CSS Usage

background-color: #399F65;
color: #399F65;
border-color: #399F65;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CAECD9
300
#A5DFBE
400
#74CD9B
500
#43BC77
600
#36965F
700
#2B784C
800
#225E3C
900
#1C452E
950
#122C1D

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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