#0B58AE

#0B58AE

Color Values

HEX

#0B58AE

RGB

11, 88, 174

HSL

211.7, 88.1%, 36.3%

HSV

211.7, 93.7%, 68.2%

CMYK

93.7%, 49.4%, 0.0%, 31.8%

OKLCH

0.4695 0.1536 256.1

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#0B58AE

#AE610B

Analogous

#0BA9AE

#100BAE

#0B58AE

Triadic

#0B58AE

#AE0B58

#58AE0B

Split Complementary

#0B58AE

#AE100B

#A9AE0B

Tetradic

#0B58AE

#AE0BA9

#AE610B

#0BAE10

Color Blindness Simulation

Original

#0B58AE

Protanopia

#2C2D99

Deuteranopia

#282294

Tritanopia

#0F8985

Achromatopsia

#4E4E4E

CSS Usage

background-color: #0B58AE;
color: #0B58AE;
border-color: #0B58AE;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FD
100
#E0ECFB
200
#BCDAFB
300
#8CBFF8
400
#4E9CF4
500
#0F79F0
600
#0C61C0
700
#0A4E99
800
#083D78
900
#0A2E57
950
#061D37

Contrast Checker

Text on white

6.95:1

AA Pass AAA Fail

Text on black

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