#050170

#050170

Color Values

HEX

#050170

RGB

5, 1, 112

HSL

242.2, 98.2%, 22.2%

HSV

242.2, 99.1%, 43.9%

CMYK

95.5%, 99.1%, 0.0%, 56.1%

OKLCH

0.2498 0.1683 266.1

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#050170

#6C7001

Analogous

#013570

#3D0170

#050170

Triadic

#050170

#700501

#017005

Split Complementary

#050170

#703D01

#357001

Tetradic

#050170

#700135

#6C7001

#01703D

Color Blindness Simulation

Original

#050170

Protanopia

#030355

Deuteranopia

#04044F

Tritanopia

#05403B

Achromatopsia

#0A0A0A

CSS Usage

background-color: #050170;
color: #050170;
border-color: #050170;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F1F1FE
100
#DFDEFC
200
#BBB8FE
300
#8A86FE
400
#4B44FD
500
#0B02FD
600
#0902CA
700
#0701A2
800
#06017E
900
#09065B
950
#06043A

Contrast Checker

Text on white

16.87:1

AA Pass AAA Pass

Text on black

1.24:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026