#0F58C0

#0F58C0

Color Values

HEX

#0F58C0

RGB

15, 88, 192

HSL

215.3, 85.5%, 40.6%

HSV

215.3, 92.2%, 75.3%

CMYK

92.2%, 54.2%, 0.0%, 24.7%

OKLCH

0.4841 0.1768 259.1

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0F58C0

#C0770F

Analogous

#0FB0C0

#1F0FC0

#0F58C0

Triadic

#0F58C0

#C00F58

#58C00F

Split Complementary

#0F58C0

#C01F0F

#B0C00F

Tetradic

#0F58C0

#C00FB0

#C0770F

#0FC01F

Color Blindness Simulation

Original

#0F58C0

Protanopia

#2F2FA7

Deuteranopia

#2A25A1

Tritanopia

#13938F

Achromatopsia

#505050

CSS Usage

background-color: #0F58C0;
color: #0F58C0;
border-color: #0F58C0;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BDD6FA
300
#8DB9F6
400
#5092F1
500
#126CED
600
#0F57BD
700
#0C4597
800
#093676
900
#0B2A56
950
#071A36

Contrast Checker

Text on white

6.61:1

AA Pass AAA Fail

Text on black

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