#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026