#089EB1

#089EB1

Color Values

HEX

#089EB1

RGB

8, 158, 177

HSL

186.7, 91.4%, 36.3%

HSV

186.7, 95.5%, 69.4%

CMYK

95.5%, 10.7%, 0.0%, 30.6%

OKLCH

0.641 0.1097 209.9

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#089EB1

#B11B08

Analogous

#08B16F

#084AB1

#089EB1

Triadic

#089EB1

#B1089E

#9EB108

Split Complementary

#089EB1

#B1084A

#B16F08

Tetradic

#089EB1

#6F08B1

#B11B08

#4AB108

Color Blindness Simulation

Original

#089EB1

Protanopia

#494AAC

Deuteranopia

#4035AB

Tritanopia

#10A9A8

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8AEDFA
400
#4AE4F7
500
#0BDAF4
600
#09AEC3
700
#078C9C
800
#056D7A
900
#094F58
950
#053238

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.54:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026