#158358

#158358

Color Values

HEX

#158358

RGB

21, 131, 88

HSL

156.5, 72.4%, 29.8%

HSV

156.5, 84.0%, 51.4%

CMYK

84.0%, 0.0%, 32.8%, 48.6%

OKLCH

0.5412 0.1152 160.6

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#158358

#831540

Analogous

#158321

#157783

#158358

Triadic

#158358

#581583

#835815

Split Complementary

#158358

#831577

#832115

Tetradic

#158358

#211583

#831540

#778315

Color Blindness Simulation

Original

#158358

Protanopia

#454662

Deuteranopia

#3E3665

Tritanopia

#1A6B6C

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E2F8F0
200
#C1F5E1
300
#95EECB
400
#5CE5AF
500
#23DC94
600
#1CB076
700
#178D5E
800
#126E4A
900
#115037
950
#0B3323

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

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