#148148

#148148

Color Values

HEX

#148148

RGB

20, 129, 72

HSL

148.6, 73.2%, 29.2%

HSV

148.6, 84.5%, 50.6%

CMYK

84.5%, 0.0%, 44.2%, 49.4%

OKLCH

0.5319 0.1281 153.8

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#148148

#81144D

Analogous

#168114

#14817E

#148148

Triadic

#148148

#481481

#814814

Split Complementary

#148148

#7E1481

#811416

Tetradic

#148148

#141681

#81144D

#817E14

Color Blindness Simulation

Original

#148148

Protanopia

#434456

Deuteranopia

#3D3559

Tritanopia

#196163

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C1F5DA
300
#95EFC0
400
#5CE69D
500
#22DD7B
600
#1BB163
700
#168D4F
800
#116E3E
900
#11502F
950
#0A331E

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

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