#12AFBE

#12AFBE

Color Values

HEX

#12AFBE

RGB

18, 175, 190

HSL

185.2, 82.7%, 40.8%

HSV

185.2, 90.5%, 74.5%

CMYK

90.5%, 7.9%, 0.0%, 25.5%

OKLCH

0.6895 0.1156 205.9

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#12AFBE

#BE2112

Analogous

#12BE77

#1259BE

#12AFBE

Triadic

#12AFBE

#BE12AF

#AFBE12

Split Complementary

#12AFBE

#BE1259

#BE7712

Tetradic

#12AFBE

#7712BE

#BE2112

#59BE12

Color Blindness Simulation

Original

#12AFBE

Protanopia

#5657BA

Deuteranopia

#4D41BA

Tritanopia

#1AB8B7

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8FA
200
#BEF4F9
300
#8FECF4
400
#53E1EF
500
#16D7E9
600
#12ACBA
700
#0E8995
800
#0B6B74
900
#0C4E55
950
#083135

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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