#157250

#157250

Color Values

HEX

#157250

RGB

21, 114, 80

HSL

158.1, 68.9%, 26.5%

HSV

158.1, 81.6%, 44.7%

CMYK

81.6%, 0.0%, 29.8%, 55.3%

OKLCH

0.4915 0.0995 162.8

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#157250

#721537

Analogous

#157222

#156672

#157250

Triadic

#157250

#501572

#725015

Split Complementary

#157250

#721566

#722215

Tetradic

#157250

#221572

#721537

#667215

Color Blindness Simulation

Original

#157250

Protanopia

#3D3E58

Deuteranopia

#38315A

Tritanopia

#1A5F60

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E3F8F0
200
#C3F4E2
300
#98ECCD
400
#60E2B2
500
#28D797
600
#20AC79
700
#198A61
800
#146C4C
900
#124E39
950
#0C3224

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

3.55:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026