#148745

#148745

Color Values

HEX

#148745

RGB

20, 135, 69

HSL

145.6, 74.2%, 30.4%

HSV

145.6, 85.2%, 52.9%

CMYK

85.2%, 0.0%, 48.9%, 47.1%

OKLCH

0.5483 0.139 151.6

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#148745

#871456

Analogous

#1C8714

#14877F

#148745

Triadic

#148745

#451487

#874514

Split Complementary

#148745

#7F1487

#87141C

Tetradic

#148745

#141C87

#871456

#877F14

Color Blindness Simulation

Original

#148745

Protanopia

#464755

Deuteranopia

#3F3659

Tritanopia

#1A6264

Achromatopsia

#6A6A6A

CSS Usage

background-color: #148745;
color: #148745;
border-color: #148745;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F3FCF7
100
#E2F8EB
200
#C1F6D7
300
#94EFBB
400
#5BE796
500
#21DE72
600
#1AB25B
700
#158E49
800
#106F39
900
#10512C
950
#0A331C

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

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