#0CB4B8

#0CB4B8

Color Values

HEX

#0CB4B8

RGB

12, 180, 184

HSL

181.4, 87.8%, 38.4%

HSV

181.4, 93.5%, 72.2%

CMYK

93.5%, 2.2%, 0.0%, 27.8%

OKLCH

0.6992 0.1176 197.7

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#0CB4B8

#B8100C

Analogous

#0CB866

#0C5EB8

#0CB4B8

Triadic

#0CB4B8

#B80CB4

#B4B80C

Split Complementary

#0CB4B8

#B80C5E

#B8660C

Tetradic

#0CB4B8

#660CB8

#B8100C

#5EB80C

Color Blindness Simulation

Original

#0CB4B8

Protanopia

#5556B7

Deuteranopia

#4B3EB7

Tritanopia

#14B6B6

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026