#318C59

#318C59

Color Values

HEX

#318C59

RGB

49, 140, 89

HSL

146.4, 48.1%, 37.1%

HSV

146.4, 65.0%, 54.9%

CMYK

65.0%, 0.0%, 36.4%, 45.1%

OKLCH

0.5726 0.1169 155.2

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#318C59

#8C3164

Analogous

#378C31

#318C87

#318C59

Triadic

#318C59

#59318C

#8C5931

Split Complementary

#318C59

#87318C

#8C3137

Tetradic

#318C59

#31378C

#8C3164

#8C8731

Color Blindness Simulation

Original

#318C59

Protanopia

#585965

Deuteranopia

#534C68

Tritanopia

#366F71

Achromatopsia

#757575

CSS Usage

background-color: #318C59;
color: #318C59;
border-color: #318C59;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CAECD9
300
#A4DFBE
400
#73CE9B
500
#42BD78
600
#359760
700
#2A794D
800
#215E3C
900
#1B452E
950
#112C1D

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

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