#12BA82

#12BA82

Color Values

HEX

#12BA82

RGB

18, 186, 130

HSL

160.0, 82.4%, 40.0%

HSV

160.0, 90.3%, 72.9%

CMYK

90.3%, 0.0%, 30.1%, 27.1%

OKLCH

0.6989 0.1492 162.5

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#12BA82

#BA124A

Analogous

#12BA2E

#129EBA

#12BA82

Triadic

#12BA82

#8212BA

#BA8212

Split Complementary

#12BA82

#BA129E

#BA2E12

Tetradic

#12BA82

#2E12BA

#BA124A

#9EBA12

Color Blindness Simulation

Original

#12BA82

Protanopia

#5B5C90

Deuteranopia

#514493

Tritanopia

#1A9A9D

Achromatopsia

#929292

CSS Usage

background-color: #12BA82;
color: #12BA82;
border-color: #12BA82;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F2FDF9
100
#E1FAF1
200
#BEF9E5
300
#8FF4D3
400
#53EEBB
500
#16E9A3
600
#12BA82
700
#0E9568
800
#0B7451
900
#0D543C
950
#083526

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.37:1

AA Pass AAA Pass

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