#148C58

#148C58

Color Values

HEX

#148C58

RGB

20, 140, 88

HSL

154.0, 75.0%, 31.4%

HSV

154.0, 85.7%, 54.9%

CMYK

85.7%, 0.0%, 37.1%, 45.1%

OKLCH

0.566 0.1275 157.8

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#148C58

#8C1448

Analogous

#148C1C

#14848C

#148C58

Triadic

#148C58

#58148C

#8C5814

Split Complementary

#148C58

#8C1484

#8C1C14

Tetradic

#148C58

#1C148C

#8C1448

#848C14

Color Blindness Simulation

Original

#148C58

Protanopia

#484965

Deuteranopia

#413868

Tritanopia

#1A6F71

Achromatopsia

#6F6F6F

CSS Usage

background-color: #148C58;
color: #148C58;
border-color: #148C58;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F2FCF8
100
#E2F9EF
200
#C1F6DF
300
#94F0C8
400
#5AE7AA
500
#20DF8C
600
#19B370
700
#148F5A
800
#107046
900
#105135
950
#0A3321

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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