#12924C

#12924C

Color Values

HEX

#12924C

RGB

18, 146, 76

HSL

147.2, 78.0%, 32.2%

HSV

147.2, 87.7%, 57.3%

CMYK

87.7%, 0.0%, 47.9%, 42.7%

OKLCH

0.58 0.1472 152.1

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#12924C

#921258

Analogous

#189212

#12928C

#12924C

Triadic

#12924C

#4C1292

#924C12

Split Complementary

#12924C

#8C1292

#921218

Tetradic

#12924C

#121892

#921258

#928C12

Color Blindness Simulation

Original

#12924C

Protanopia

#494B5D

Deuteranopia

#423861

Tritanopia

#186A6D

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E1F9EC
200
#BFF7D9
300
#92F2BD
400
#57EA9A
500
#1CE376
600
#16B65F
700
#12914C
800
#0E713B
900
#0E522D
950
#09341D

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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