#157D4D

#157D4D

Color Values

HEX

#157D4D

RGB

21, 125, 77

HSL

152.3, 71.2%, 28.6%

HSV

152.3, 83.2%, 49.0%

CMYK

83.2%, 0.0%, 38.4%, 51.0%

OKLCH

0.5219 0.1175 156.9

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#157D4D

#7D1545

Analogous

#157D19

#15797D

#157D4D

Triadic

#157D4D

#4D157D

#7D4D15

Split Complementary

#157D4D

#7D1579

#7D1915

Tetradic

#157D4D

#19157D

#7D1545

#797D15

Color Blindness Simulation

Original

#157D4D

Protanopia

#424359

Deuteranopia

#3C345B

Tritanopia

#1A6264

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E2F8EE
200
#C2F5DD
300
#96EDC5
400
#5DE4A6
500
#25DA86
600
#1DAF6C
700
#188C56
800
#126D43
900
#114F33
950
#0B3220

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

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