#0102A3

#0102A3

Color Values

HEX

#0102A3

RGB

1, 2, 163

HSL

239.6, 98.8%, 32.2%

HSV

239.6, 99.4%, 63.9%

CMYK

99.4%, 98.8%, 0.0%, 36.1%

OKLCH

0.3249 0.223 264.3

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#0102A3

#A3A201

Analogous

#0153A3

#5101A3

#0102A3

Triadic

#0102A3

#A30102

#02A301

Split Complementary

#0102A3

#A35101

#53A301

Tetradic

#0102A3

#A30153

#A3A201

#01A351

Color Blindness Simulation

Original

#0102A3

Protanopia

#01017C

Deuteranopia

#010173

Tritanopia

#015D57

Achromatopsia

#0D0D0D

CSS Usage

background-color: #0102A3;
color: #0102A3;
border-color: #0102A3;
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.65:1

AA Pass AAA Pass

Text on black

1.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026