#0102A2

#0102A2

Color Values

HEX

#0102A2

RGB

1, 2, 162

HSL

239.6, 98.8%, 32.0%

HSV

239.6, 99.4%, 63.5%

CMYK

99.4%, 98.8%, 0.0%, 36.5%

OKLCH

0.3235 0.222 264.3

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#0102A2

#A2A101

Analogous

#0153A2

#5101A2

#0102A2

Triadic

#0102A2

#A20102

#02A201

Split Complementary

#0102A2

#A25101

#53A201

Tetradic

#0102A2

#A20153

#A2A101

#01A251

Color Blindness Simulation

Original

#0102A2

Protanopia

#01017B

Deuteranopia

#010172

Tritanopia

#015D56

Achromatopsia

#0D0D0D

CSS Usage

background-color: #0102A2;
color: #0102A2;
border-color: #0102A2;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B8B8FF
300
#8586FE
400
#4345FE
500
#0203FD
600
#0103CB
700
#0102A2
800
#01027F
900
#05065C
950
#03043A

Contrast Checker

Text on white

13.71:1

AA Pass AAA Pass

Text on black

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