#0A5FC2

#0A5FC2

Color Values

HEX

#0A5FC2

RGB

10, 95, 194

HSL

212.3, 90.2%, 40.0%

HSV

212.3, 94.8%, 76.1%

CMYK

94.8%, 51.0%, 0.0%, 23.9%

OKLCH

0.5001 0.1715 257.0

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0A5FC2

#C26D0A

Analogous

#0ABBC2

#110AC2

#0A5FC2

Triadic

#0A5FC2

#C20A5F

#5FC20A

Split Complementary

#0A5FC2

#C2110A

#BBC20A

Tetradic

#0A5FC2

#C20ABB

#C26D0A

#0AC211

Color Blindness Simulation

Original

#0A5FC2

Protanopia

#2F30AA

Deuteranopia

#2A24A4

Tritanopia

#0E9793

Achromatopsia

#545454

CSS Usage

background-color: #0A5FC2;
color: #0A5FC2;
border-color: #0A5FC2;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BBD9FC
300
#8BBEF9
400
#4C9AF6
500
#0C77F3
600
#0A5FC2
700
#084C9B
800
#063B79
900
#092D58
950
#061D37

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

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