#148149

#148149

Color Values

HEX

#148149

RGB

20, 129, 73

HSL

149,2, 73,2%, 29,2%

HSV

149,2, 84,5%, 50,6%

CMYK

84,5%, 0,0%, 43,4%, 49,4%

OKLCH

0,5321 0,1271 154,2

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#148149

#81144C

Analogous

#158114

#148180

#148149

Triadic

#148149

#491481

#814914

Split Complementary

#148149

#801481

#811415

Tetradic

#148149

#141581

#81144C

#818014

Color Blindness Simulation

Original

#148149

Protanopia

#434457

Deuteranopia

#3D355A

Tritanopia

#196164

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C1F5DB
300
#95EFC1
400
#5CE69F
500
#22DD7D
600
#1BB164
700
#168D50
800
#116E3F
900
#115030
950
#0A331E

Contrast Checker

Text on white

4,92:1

AA Pass AAA Fail

Text on black

4,27: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