#0F58AD

#0F58AD

Color Values

HEX

#0F58AD

RGB

15, 88, 173

HSL

212.3, 84.0%, 36.9%

HSV

212.3, 91.3%, 67.8%

CMYK

91.3%, 49.1%, 0.0%, 32.2%

OKLCH

0.4693 0.1517 256.3

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#0F58AD

#AD640F

Analogous

#0FA7AD

#150FAD

#0F58AD

Triadic

#0F58AD

#AD0F58

#58AD0F

Split Complementary

#0F58AD

#AD150F

#A7AD0F

Tetradic

#0F58AD

#AD0FA7

#AD640F

#0FAD15

Color Blindness Simulation

Original

#0F58AD

Protanopia

#2F2F98

Deuteranopia

#2A2594

Tritanopia

#138885

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDD9F9
300
#8EBEF5
400
#519BF0
500
#1477EB
600
#105FBC
700
#0D4C96
800
#0A3C75
900
#0C2E55
950
#071D36

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

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