#0F89BD

#0F89BD

Color Values

HEX

#0F89BD

RGB

15, 137, 189

HSL

197.9, 85.3%, 40.0%

HSV

197.9, 92.1%, 74.1%

CMYK

92.1%, 27.5%, 0.0%, 25.9%

OKLCH

0.5952 0.123 235.0

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#0F89BD

#BD430F

Analogous

#0FBD9A

#0F32BD

#0F89BD

Triadic

#0F89BD

#BD0F89

#89BD0F

Split Complementary

#0F89BD

#BD0F32

#BD9A0F

Tetradic

#0F89BD

#9A0FBD

#BD430F

#32BD0F

Color Blindness Simulation

Original

#0F89BD

Protanopia

#4445B0

Deuteranopia

#3D34AD

Tritanopia

#15A6A4

Achromatopsia

#737373

CSS Usage

background-color: #0F89BD;
color: #0F89BD;
border-color: #0F89BD;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2FAFD
100
#E0F2FA
200
#BDE8FA
300
#8ED7F6
400
#50C1F1
500
#13ABEC
600
#0F89BD
700
#0C6E97
800
#095676
900
#0B3F56
950
#072836

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

5.33: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