#158259

#158259

Color Values

HEX

#158259

RGB

21, 130, 89

HSL

157.4, 72.2%, 29.6%

HSV

157.4, 83.8%, 51.0%

CMYK

83.8%, 0.0%, 31.5%, 49.0%

OKLCH

0.5386 0.113 161.5

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#158259

#82153E

Analogous

#158222

#157582

#158259

Triadic

#158259

#591582

#825915

Split Complementary

#158259

#821575

#822215

Tetradic

#158259

#221582

#82153E

#758215

Color Blindness Simulation

Original

#158259

Protanopia

#444563

Deuteranopia

#3E3665

Tritanopia

#1A6B6C

Achromatopsia

#686868

CSS Usage

background-color: #158259;
color: #158259;
border-color: #158259;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F3FCF9
100
#E2F8F0
200
#C2F5E2
300
#96EECD
400
#5DE5B1
500
#23DC96
600
#1CB078
700
#178D60
800
#126E4B
900
#115038
950
#0B3224

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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