#0A9DAF

#0A9DAF

Color Values

HEX

#0A9DAF

RGB

10, 157, 175

HSL

186,5, 89,2%, 36,3%

HSV

186,5, 94,3%, 68,6%

CMYK

94,3%, 10,3%, 0,0%, 31,4%

OKLCH

0,6378 0,1086 209,2

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#0A9DAF

#AF1C0A

Analogous

#0AAF6E

#0A4BAF

#0A9DAF

Triadic

#0A9DAF

#AF0A9D

#9DAF0A

Split Complementary

#0A9DAF

#AF0A4B

#AF6E0A

Tetradic

#0A9DAF

#6E0AAF

#AF1C0A

#4BAF0A

Color Blindness Simulation

Original

#0A9DAF

Protanopia

#4A4BAB

Deuteranopia

#4136AA

Tritanopia

#11A7A6

Achromatopsia

#7F7F7F

CSS Usage

background-color: #0A9DAF;
color: #0A9DAF;
border-color: #0A9DAF;
Nearest Tailwind: Cyan 600 #0891B2

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,25:1

AA Fail AAA Fail

Text on black

6,45:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026