#050470

#050470

Color Values

HEX

#050470

RGB

5, 4, 112

HSL

240.6, 93.1%, 22.7%

HSV

240.6, 96.4%, 43.9%

CMYK

95.5%, 96.4%, 0.0%, 56.1%

OKLCH

0.2529 0.1662 266.1

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#050470

#6F7004

Analogous

#043970

#3B0470

#050470

Triadic

#050470

#700504

#047005

Split Complementary

#050470

#703B04

#397004

Tetradic

#050470

#700439

#6F7004

#04703B

Color Blindness Simulation

Original

#050470

Protanopia

#050556

Deuteranopia

#050550

Tritanopia

#05413D

Achromatopsia

#0C0C0C

CSS Usage

background-color: #050470;
color: #050470;
border-color: #050470;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BBBAFD
300
#8A89FB
400
#4B49F8
500
#0B09F6
600
#0907C5
700
#07069E
800
#06047B
900
#090859
950
#050538

Contrast Checker

Text on white

16.7:1

AA Pass AAA Pass

Text on black

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