#148349

#148349

Color Values

HEX

#148349

RGB

20, 131, 73

HSL

148.6, 73.5%, 29.6%

HSV

148.6, 84.7%, 51.4%

CMYK

84.7%, 0.0%, 44.3%, 48.6%

OKLCH

0.5378 0.1298 153.8

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#148349

#83144E

Analogous

#178314

#148380

#148349

Triadic

#148349

#491483

#834914

Split Complementary

#148349

#801483

#831417

Tetradic

#148349

#141783

#83144E

#838014

Color Blindness Simulation

Original

#148349

Protanopia

#444557

Deuteranopia

#3E355A

Tritanopia

#1A6265

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C1F6DA
300
#95EFC0
400
#5BE69D
500
#22DD7B
600
#1BB163
700
#168E4F
800
#116F3E
900
#10502F
950
#0A331E

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.37:1

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