#12AEBA

#12AEBA

Color Values

HEX

#12AEBA

RGB

18, 174, 186

HSL

184.3, 82.4%, 40.0%

HSV

184.3, 90.3%, 72.9%

CMYK

90.3%, 6.5%, 0.0%, 27.1%

OKLCH

0.6854 0.1145 203.7

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#12AEBA

#BA1E12

Analogous

#12BA72

#125ABA

#12AEBA

Triadic

#12AEBA

#BA12AE

#AEBA12

Split Complementary

#12AEBA

#BA125A

#BA7212

Tetradic

#12AEBA

#7212BA

#BA1E12

#5ABA12

Color Blindness Simulation

Original

#12AEBA

Protanopia

#5657B7

Deuteranopia

#4C41B6

Tritanopia

#1AB5B4

Achromatopsia

#8E8E8E

CSS Usage

background-color: #12AEBA;
color: #12AEBA;
border-color: #12AEBA;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FCFD
100
#E1F8FA
200
#BEF5F9
300
#8FEDF4
400
#53E3EE
500
#16DAE9
600
#12AEBA
700
#0E8B95
800
#0B6D74
900
#0D4F54
950
#083235

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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