#0BACBC

#0BACBC

Color Values

HEX

#0BACBC

RGB

11, 172, 188

HSL

185.4, 88.9%, 39.0%

HSV

185.4, 94.1%, 73.7%

CMYK

94.1%, 8.5%, 0.0%, 26.3%

OKLCH

0.6807 0.1153 206.7

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#0BACBC

#BC1B0B

Analogous

#0BBC73

#0B54BC

#0BACBC

Triadic

#0BACBC

#BC0BAC

#ACBC0B

Split Complementary

#0BACBC

#BC0B54

#BC730B

Tetradic

#0BACBC

#730BBC

#BC1B0B

#54BC0B

Color Blindness Simulation

Original

#0BACBC

Protanopia

#5152B8

Deuteranopia

#473BB7

Tritanopia

#13B5B4

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BCF5FB
300
#8BEEF8
400
#4DE5F5
500
#0EDCF1
600
#0BB0C1
700
#098D9A
800
#076E78
900
#0A5057
950
#063337

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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