#0A3BC2

#0A3BC2

Color Values

HEX

#0A3BC2

RGB

10, 59, 194

HSL

224.0, 90.2%, 40.0%

HSV

224.0, 94.8%, 76.1%

CMYK

94.8%, 69.6%, 0.0%, 23.9%

OKLCH

0.4294 0.2141 263.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#0A3BC2

#C2910A

Analogous

#0A97C2

#350AC2

#0A3BC2

Triadic

#0A3BC2

#C20A3B

#3BC20A

Split Complementary

#0A3BC2

#C2350A

#97C20A

Tetradic

#0A3BC2

#C20A97

#C2910A

#0AC235

Color Blindness Simulation

Original

#0A3BC2

Protanopia

#1F20A1

Deuteranopia

#1C1999

Tritanopia

#0C8882

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BBCCFC
300
#8BA8F9
400
#4C79F6
500
#0C4AF3
600
#0A3BC2
700
#082F9B
800
#062579
900
#091E58
950
#061337

Contrast Checker

Text on white

8.69:1

AA Pass AAA Pass

Text on black

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