#158248

#158248

Color Values

HEX

#158248

RGB

21, 130, 72

HSL

148.1, 72.2%, 29.6%

HSV

148.1, 83.8%, 51.0%

CMYK

83.8%, 0.0%, 44.6%, 49.0%

OKLCH

0.5349 0.1292 153.5

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#158248

#82154F

Analogous

#188215

#15827F

#158248

Triadic

#158248

#481582

#824815

Split Complementary

#158248

#7F1582

#821518

Tetradic

#158248

#151882

#82154F

#827F15

Color Blindness Simulation

Original

#158248

Protanopia

#444556

Deuteranopia

#3E3659

Tritanopia

#1A6164

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8EC
200
#C2F5DA
300
#96EEBF
400
#5DE59C
500
#23DC7A
600
#1CB061
700
#178D4E
800
#126E3D
900
#11502E
950
#0B321D

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

4.32:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026