#12837F

#12837F

Color Values

HEX

#12837F

RGB

18, 131, 127

HSL

177.9, 75.8%, 29.2%

HSV

177.9, 86.3%, 51.4%

CMYK

86.3%, 0.0%, 3.1%, 48.6%

OKLCH

0.5525 0.0915 191.0

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#12837F

#831216

Analogous

#128347

#124E83

#12837F

Triadic

#12837F

#7F1283

#837F12

Split Complementary

#12837F

#83124E

#834712

Tetradic

#12837F

#471283

#831216

#4E8312

Color Blindness Simulation

Original

#12837F

Protanopia

#434480

Deuteranopia

#3C3480

Tritanopia

#188181

Achromatopsia

#6B6B6B

CSS Usage

background-color: #12837F;
color: #12837F;
border-color: #12837F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FCFC
100
#E2F9F8
200
#C0F6F4
300
#93F0ED
400
#59E8E3
500
#1FE0D9
600
#19B3AE
700
#148F8B
800
#0F706D
900
#0F524F
950
#0A3332

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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