#148D54

#148D54

Color Values

HEX

#148D54

RGB

20, 141, 84

HSL

151.7, 75.2%, 31.6%

HSV

151.7, 85.8%, 55.3%

CMYK

85.8%, 0.0%, 40.4%, 44.7%

OKLCH

0.5679 0.1327 155.8

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#148D54

#8D144D

Analogous

#148D17

#148A8D

#148D54

Triadic

#148D54

#54148D

#8D5414

Split Complementary

#148D54

#8D148A

#8D1714

Tetradic

#148D54

#17148D

#8D144D

#8A8D14

Color Blindness Simulation

Original

#148D54

Protanopia

#484962

Deuteranopia

#413865

Tritanopia

#1A6D6F

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F2FCF8
100
#E2F9EE
200
#C0F6DD
300
#94F0C4
400
#5AE8A5
500
#20DF85
600
#19B36A
700
#148F55
800
#107042
900
#105132
950
#0A3320

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.97:1

AA Pass 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