#0B5BA4

#0B5BA4

Color Values

HEX

#0B5BA4

RGB

11, 91, 164

HSL

208.6, 87.4%, 34.3%

HSV

208.6, 93.3%, 64.3%

CMYK

93.3%, 44.5%, 0.0%, 35.7%

OKLCH

0.4691 0.1367 252.6

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#0B5BA4

#A4540B

Analogous

#0BA4A0

#0B0FA4

#0B5BA4

Triadic

#0B5BA4

#A40B5B

#5BA40B

Split Complementary

#0B5BA4

#A40B0F

#A4A00B

Tetradic

#0B5BA4

#A00BA4

#A4540B

#0FA40B

Color Blindness Simulation

Original

#0B5BA4

Protanopia

#2E2E92

Deuteranopia

#29238E

Tritanopia

#0F8481

Achromatopsia

#4F4F4F

CSS Usage

background-color: #0B5BA4;
color: #0B5BA4;
border-color: #0B5BA4;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDDFB
300
#8CC4F7
400
#4EA4F3
500
#1085EF
600
#0D6ABF
700
#0A5599
800
#084277
900
#0A3257
950
#072037

Contrast Checker

Text on white

6.89:1

AA Pass AAA Fail

Text on black

3.05:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026