#089DAF

#089DAF

Color Values

HEX

#089DAF

RGB

8, 157, 175

HSL

186.5, 91.3%, 35.9%

HSV

186.5, 95.4%, 68.6%

CMYK

95.4%, 10.3%, 0.0%, 31.4%

OKLCH

0.6377 0.1089 209.2

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#089DAF

#AF1A08

Analogous

#08AF6E

#0849AF

#089DAF

Triadic

#089DAF

#AF089D

#9DAF08

Split Complementary

#089DAF

#AF0849

#AF6E08

Tetradic

#089DAF

#6E08AF

#AF1A08

#49AF08

Color Blindness Simulation

Original

#089DAF

Protanopia

#494AAB

Deuteranopia

#4035AA

Tritanopia

#0FA7A6

Achromatopsia

#7F7F7F

CSS Usage

background-color: #089DAF;
color: #089DAF;
border-color: #089DAF;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8AEEFA
400
#4BE4F7
500
#0BDBF4
600
#09AFC3
700
#078C9C
800
#066D7A
900
#095058
950
#053238

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

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