#12ABAC

#12ABAC

Color Values

HEX

#12ABAC

RGB

18, 171, 172

HSL

180.4, 81.1%, 37.3%

HSV

180.4, 89.5%, 67.5%

CMYK

89.5%, 0.6%, 0.0%, 32.5%

OKLCH

0.6726 0.1122 195.6

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#12ABAC

#AC1312

Analogous

#12AC60

#125EAC

#12ABAC

Triadic

#12ABAC

#AC12AB

#ABAC12

Split Complementary

#12ABAC

#AC125E

#AC6012

Tetradic

#12ABAC

#6012AC

#AC1312

#5EAC12

Color Blindness Simulation

Original

#12ABAC

Protanopia

#5456AC

Deuteranopia

#4B40AC

Tritanopia

#1AACAC

Achromatopsia

#8B8B8B

CSS Usage

background-color: #12ABAC;
color: #12ABAC;
border-color: #12ABAC;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FDFD
100
#E1F9F9
200
#BEF8F8
300
#90F3F3
400
#54ECED
500
#18E6E7
600
#13B8B9
700
#0F9394
800
#0C7373
900
#0D5354
950
#083535

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

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