#0A9EB0

#0A9EB0

Color Values

HEX

#0A9EB0

RGB

10, 158, 176

HSL

186.5, 89.2%, 36.5%

HSV

186.5, 94.3%, 69.0%

CMYK

94.3%, 10.2%, 0.0%, 31.0%

OKLCH

0.6408 0.1091 209.2

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#0A9EB0

#B01C0A

Analogous

#0AB06F

#0A4BB0

#0A9EB0

Triadic

#0A9EB0

#B00A9E

#9EB00A

Split Complementary

#0A9EB0

#B00A4B

#B06F0A

Tetradic

#0A9EB0

#6F0AB0

#B01C0A

#4BB00A

Color Blindness Simulation

Original

#0A9EB0

Protanopia

#4A4BAC

Deuteranopia

#4236AB

Tritanopia

#11A8A7

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BBF4FB
300
#8BEDF8
400
#4CE3F5
500
#0ED9F1
600
#0BADC1
700
#098B9A
800
#076C79
900
#0A4F57
950
#063237

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.53:1

AA Pass AAA Fail

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