#158F68

#158F68

Color Values

HEX

#158F68

RGB

21, 143, 104

HSL

160.8, 74.4%, 32.2%

HSV

160.8, 85.3%, 56.1%

CMYK

85.3%, 0.0%, 27.3%, 43.9%

OKLCH

0.5782 0.1169 164.8

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#158F68

#8F153C

Analogous

#158F2B

#15798F

#158F68

Triadic

#158F68

#68158F

#8F6815

Split Complementary

#158F68

#8F1579

#8F2B15

Tetradic

#158F68

#2B158F

#8F153C

#798F15

Color Blindness Simulation

Original

#158F68

Protanopia

#4A4B71

Deuteranopia

#433A74

Tritanopia

#1B797B

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E2F8F1
200
#C1F6E5
300
#94EFD2
400
#5AE7BA
500
#21DEA2
600
#1AB281
700
#158E67
800
#106F51
900
#10513C
950
#0A3326

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

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