#0158AE

#0158AE

Color Values

HEX

#0158AE

RGB

1, 88, 174

HSL

209.8, 98.9%, 34.3%

HSV

209.8, 99.4%, 68.2%

CMYK

99.4%, 49.4%, 0.0%, 31.8%

OKLCH

0.4682 0.1548 255.2

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#0158AE

#AE5701

Analogous

#01AEAD

#0102AE

#0158AE

Triadic

#0158AE

#AE0158

#58AE01

Split Complementary

#0158AE

#AE0102

#AEAD01

Tetradic

#0158AE

#AD01AE

#AE5701

#02AE01

Color Blindness Simulation

Original

#0158AE

Protanopia

#272799

Deuteranopia

#221B94

Tritanopia

#058985

Achromatopsia

#4C4C4C

CSS Usage

background-color: #0158AE;
color: #0158AE;
border-color: #0158AE;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B8DCFF
300
#85C2FE
400
#43A1FE
500
#0180FE
600
#0167CB
700
#0152A2
800
#01407F
900
#05315C
950
#031F3A

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

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