#0AACBC

#0AACBC

Color Values

HEX

#0AACBC

RGB

10, 172, 188

HSL

185.4, 89.9%, 38.8%

HSV

185.4, 94.7%, 73.7%

CMYK

94.7%, 8.5%, 0.0%, 26.3%

OKLCH

0.6806 0.1154 206.6

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#0AACBC

#BC1A0A

Analogous

#0ABC73

#0A53BC

#0AACBC

Triadic

#0AACBC

#BC0AAC

#ACBC0A

Split Complementary

#0AACBC

#BC0A53

#BC730A

Tetradic

#0AACBC

#730ABC

#BC1A0A

#53BC0A

Color Blindness Simulation

Original

#0AACBC

Protanopia

#5052B8

Deuteranopia

#473BB7

Tritanopia

#12B5B4

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BBF6FB
300
#8BEFF9
400
#4CE6F5
500
#0DDDF2
600
#0AB1C2
700
#088E9B
800
#066F79
900
#095158
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