#0506C2

#0506C2

Color Values

HEX

#0506C2

RGB

5, 6, 194

HSL

239.7, 95.0%, 39.0%

HSV

239.7, 97.4%, 76.1%

CMYK

97.4%, 96.9%, 0.0%, 23.9%

OKLCH

0.3719 0.2522 264.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0506C2

#C2C105

Analogous

#0564C2

#6305C2

#0506C2

Triadic

#0506C2

#C20506

#06C205

Split Complementary

#0506C2

#C26305

#64C205

Tetradic

#0506C2

#C20564

#C2C105

#05C263

Color Blindness Simulation

Original

#0506C2

Protanopia

#050595

Deuteranopia

#05058A

Tritanopia

#057169

Achromatopsia

#131313

CSS Usage

background-color: #0506C2;
color: #0506C2;
border-color: #0506C2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#B9BAFD
300
#8888FC
400
#4748FA
500
#0608F9
600
#0506C7
700
#04059F
800
#03047C
900
#07075A
950
#040539

Contrast Checker

Text on white

11.59:1

AA Pass AAA Pass

Text on black

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