#0CAABA

#0CAABA

Color Values

HEX

#0CAABA

RGB

12, 170, 186

HSL

185.5, 87.9%, 38.8%

HSV

185.5, 93.5%, 72.9%

CMYK

93.5%, 8.6%, 0.0%, 27.1%

OKLCH

0.675 0.1142 206.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#0CAABA

#BA1C0C

Analogous

#0CBA73

#0C53BA

#0CAABA

Triadic

#0CAABA

#BA0CAA

#AABA0C

Split Complementary

#0CAABA

#BA0C53

#BA730C

Tetradic

#0CAABA

#730CBA

#BA1C0C

#53BA0C

Color Blindness Simulation

Original

#0CAABA

Protanopia

#5052B6

Deuteranopia

#473BB5

Tritanopia

#14B3B2

Achromatopsia

#8A8A8A

CSS Usage

background-color: #0CAABA;
color: #0CAABA;
border-color: #0CAABA;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BCF5FB
300
#8CEEF8
400
#4EE4F4
500
#0FDBF0
600
#0CAFC0
700
#0A8C99
800
#086E78
900
#0A5057
950
#063237

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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