#12BA94

#12BA94

Color Values

HEX

#12BA94

RGB

18, 186, 148

HSL

166.4, 82.4%, 40.0%

HSV

166.4, 90.3%, 72.9%

CMYK

90.3%, 0.0%, 20.4%, 27.1%

OKLCH

0.7034 0.1354 170.9

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#12BA94

#BA1238

Analogous

#12BA40

#128CBA

#12BA94

Triadic

#12BA94

#9412BA

#BA9412

Split Complementary

#12BA94

#BA128C

#BA4012

Tetradic

#12BA94

#4012BA

#BA1238

#8CBA12

Color Blindness Simulation

Original

#12BA94

Protanopia

#5B5C9D

Deuteranopia

#51449F

Tritanopia

#1AA4A6

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F2FDFA
100
#E1FAF4
200
#BEF9EB
300
#8FF4DD
400
#53EECB
500
#16E9B9
600
#12BA94
700
#0E9576
800
#0B745C
900
#0D5444
950
#08352B

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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