#0505A6

#0505A6

Color Values

HEX

#0505A6

RGB

5, 5, 166

HSL

240.0, 94.2%, 33.5%

HSV

240.0, 97.0%, 65.1%

CMYK

97.0%, 97.0%, 0.0%, 34.9%

OKLCH

0.3321 0.2241 265.0

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#0505A6

#A6A605

Analogous

#0555A6

#5505A6

#0505A6

Triadic

#0505A6

#A60505

#05A605

Split Complementary

#0505A6

#A65505

#55A605

Tetradic

#0505A6

#A60555

#A6A605

#05A655

Color Blindness Simulation

Original

#0505A6

Protanopia

#05057F

Deuteranopia

#050576

Tritanopia

#05605A

Achromatopsia

#111111

CSS Usage

background-color: #0505A6;
color: #0505A6;
border-color: #0505A6;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABAFD
300
#8888FB
400
#4848FA
500
#0707F8
600
#0606C6
700
#05059E
800
#04047C
900
#07075A
950
#050539

Contrast Checker

Text on white

13.3:1

AA Pass AAA Pass

Text on black

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