#0A2EC2

#0A2EC2

Color Values

HEX

#0A2EC2

RGB

10, 46, 194

HSL

228.3, 90.2%, 40.0%

HSV

228.3, 94.8%, 76.1%

CMYK

94.8%, 76.3%, 0.0%, 23.9%

OKLCH

0.4091 0.2273 264.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#0A2EC2

#C29E0A

Analogous

#0A8AC2

#420AC2

#0A2EC2

Triadic

#0A2EC2

#C20A2E

#2EC20A

Split Complementary

#0A2EC2

#C2420A

#8AC20A

Tetradic

#0A2EC2

#C20A8A

#C29E0A

#0AC242

Color Blindness Simulation

Original

#0A2EC2

Protanopia

#1A1A9E

Deuteranopia

#181596

Tritanopia

#0C827C

Achromatopsia

#313131

CSS Usage

background-color: #0A2EC2;
color: #0A2EC2;
border-color: #0A2EC2;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BBC8FC
300
#8BA0F9
400
#4C6DF6
500
#0C39F3
600
#0A2EC2
700
#08259B
800
#061D79
900
#091858
950
#060F37

Contrast Checker

Text on white

9.62:1

AA Pass AAA Pass

Text on black

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