#12917F

#12917F

Color Values

HEX

#12917F

RGB

18, 145, 127

HSL

171.5, 77.9%, 32.0%

HSV

171.5, 87.6%, 56.9%

CMYK

87.6%, 0.0%, 12.4%, 43.1%

OKLCH

0.5898 0.104 179.6

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#12917F

#911224

Analogous

#129140

#126491

#12917F

Triadic

#12917F

#7F1291

#917F12

Split Complementary

#12917F

#911264

#914012

Tetradic

#12917F

#401291

#911224

#649112

Color Blindness Simulation

Original

#12917F

Protanopia

#494A83

Deuteranopia

#423884

Tritanopia

#188788

Achromatopsia

#757575

CSS Usage

background-color: #12917F;
color: #12917F;
border-color: #12917F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFB
100
#E1F9F6
200
#BFF7EF
300
#92F1E4
400
#57EAD5
500
#1CE3C7
600
#17B59F
700
#12917F
800
#0E7163
900
#0E5249
950
#09342E

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.38:1

AA Pass 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