#399F68

#399F68

Color Values

HEX

#399F68

RGB

57, 159, 104

HSL

147.6, 47.2%, 42.4%

HSV

147.6, 64.2%, 62.4%

CMYK

64.2%, 0.0%, 34.6%, 37.6%

OKLCH

0.629 0.126 156.1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#399F68

#9F3970

Analogous

#3D9F39

#399F9B

#399F68

Triadic

#399F68

#68399F

#9F6839

Split Complementary

#399F68

#9B399F

#9F393D

Tetradic

#399F68

#393D9F

#9F3970

#9F9B39

Color Blindness Simulation

Original

#399F68

Protanopia

#656675

Deuteranopia

#5F5878

Tritanopia

#3E8082

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4ED
200
#CAECDA
300
#A5DFBF
400
#74CD9D
500
#43BC7B
600
#369662
700
#2B784F
800
#225E3D
900
#1C452F
950
#122C1E

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

6.33:1

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