#0C58F3

#0C58F3

Color Values

HEX

#0C58F3

RGB

12, 88, 243

HSL

220.3, 90.6%, 50.0%

HSV

220.3, 95.1%, 95.3%

CMYK

95.1%, 63.8%, 0.0%, 4.7%

OKLCH

0.5282 0.2412 262.5

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#0C58F3

#F3A70C

Analogous

#0CCBF3

#340CF3

#0C58F3

Triadic

#0C58F3

#F30C58

#58F30C

Split Complementary

#0C58F3

#F3340C

#CBF30C

Tetradic

#0C58F3

#F30CCB

#F3A70C

#0CF334

Color Blindness Simulation

Original

#0C58F3

Protanopia

#2D2ECE

Deuteranopia

#2823C4

Tritanopia

#10B0A9

Achromatopsia

#535353

CSS Usage

background-color: #0C58F3;
color: #0C58F3;
border-color: #0C58F3;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F1F5FD
100
#DFE8FB
200
#BBD0FC
300
#8AAFF9
400
#4B83F6
500
#0C58F3
600
#0A46C2
700
#08389C
800
#062C7A
900
#092358
950
#061638

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.71:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026