#12797F

#12797F

Color Values

HEX

#12797F

RGB

18, 121, 127

HSL

183.3, 75.2%, 28.4%

HSV

183.3, 85.8%, 49.8%

CMYK

85.8%, 4.7%, 0.0%, 50.2%

OKLCH

0.5259 0.0854 201.2

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#12797F

#7F1812

Analogous

#127F4E

#12427F

#12797F

Triadic

#12797F

#7F1279

#797F12

Split Complementary

#12797F

#7F1242

#7F4E12

Tetradic

#12797F

#4E127F

#7F1812

#427F12

Color Blindness Simulation

Original

#12797F

Protanopia

#3F3F7E

Deuteranopia

#39317D

Tritanopia

#177C7C

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F7F9
200
#C0F3F6
300
#94EBF0
400
#5AE0E8
500
#20D5DF
600
#19AAB3
700
#14888F
800
#106A70
900
#104E51
950
#0A3133

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

4.07:1

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