#1503AD

#1503AD

Color Values

HEX

#1503AD

RGB

21, 3, 173

HSL

246.4, 96.6%, 34.5%

HSV

246.4, 98.3%, 67.8%

CMYK

87.9%, 98.3%, 0.0%, 32.2%

OKLCH

0.3456 0.2288 267.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#1503AD

#9BAD03

Analogous

#0346AD

#6A03AD

#1503AD

Triadic

#1503AD

#AD1503

#03AD15

Split Complementary

#1503AD

#AD6A03

#46AD03

Tetradic

#1503AD

#AD0346

#9BAD03

#03AD6A

Color Blindness Simulation

Original

#1503AD

Protanopia

#0D0D84

Deuteranopia

#0E107A

Tritanopia

#14635C

Achromatopsia

#131313

CSS Usage

background-color: #1503AD;
color: #1503AD;
border-color: #1503AD;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F2F1FE
100
#E2DEFC
200
#C0B9FE
300
#9387FD
400
#5946FC
500
#1F04FB
600
#1803C9
700
#1403A0
800
#0F027D
900
#0F065B
950
#0A0439

Contrast Checker

Text on white

12.74:1

AA Pass AAA Pass

Text on black

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