#0501AA

#0501AA

Color Values

HEX

#0501AA

RGB

5, 1, 170

HSL

241.4, 98.8%, 33.5%

HSV

241.4, 99.4%, 66.7%

CMYK

97.1%, 99.4%, 0.0%, 33.3%

OKLCH

0.3354 0.2298 264.9

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#0501AA

#A6AA01

Analogous

#0151AA

#5901AA

#0501AA

Triadic

#0501AA

#AA0501

#01AA05

Split Complementary

#0501AA

#AA5901

#51AA01

Tetradic

#0501AA

#AA0151

#A6AA01

#01AA59

Color Blindness Simulation

Original

#0501AA

Protanopia

#030381

Deuteranopia

#040477

Tritanopia

#05615A

Achromatopsia

#0E0E0E

CSS Usage

background-color: #0501AA;
color: #0501AA;
border-color: #0501AA;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F1F1FE
100
#DFDEFC
200
#BAB8FF
300
#8885FE
400
#4843FE
500
#0702FD
600
#0601CB
700
#0501A2
800
#04017F
900
#07055C
950
#05033A

Contrast Checker

Text on white

13.2:1

AA Pass AAA Pass

Text on black

1.59:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026