#0CB6BA

#0CB6BA

Color Values

HEX

#0CB6BA

RGB

12, 182, 186

HSL

181.4, 87.9%, 38.8%

HSV

181.4, 93.5%, 72.9%

CMYK

93.5%, 2.2%, 0.0%, 27.1%

OKLCH

0.7049 0.1186 197.6

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#0CB6BA

#BA100C

Analogous

#0CBA67

#0C5FBA

#0CB6BA

Triadic

#0CB6BA

#BA0CB6

#B6BA0C

Split Complementary

#0CB6BA

#BA0C5F

#BA670C

Tetradic

#0CB6BA

#670CBA

#BA100C

#5FBA0C

Color Blindness Simulation

Original

#0CB6BA

Protanopia

#5657B9

Deuteranopia

#4C3FB9

Tritanopia

#14B8B8

Achromatopsia

#929292

CSS Usage

background-color: #0CB6BA;
color: #0CB6BA;
border-color: #0CB6BA;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BCF9FB
300
#8CF5F8
400
#4EF0F4
500
#0FEAF0
600
#0CBBC0
700
#0A9699
800
#087578
900
#0A5557
950
#063637

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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