#050358

#050358

Color Values

HEX

#050358

RGB

5, 3, 88

HSL

241.4, 93.4%, 17.8%

HSV

241.4, 96.6%, 34.5%

CMYK

94.3%, 96.6%, 0.0%, 65.5%

OKLCH

0.2156 0.139 267.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#050358

#565803

Analogous

#032B58

#2F0358

#050358

Triadic

#050358

#580503

#035805

Split Complementary

#050358

#582F03

#2B5803

Tetradic

#050358

#58032B

#565803

#03582F

Color Blindness Simulation

Original

#050358

Protanopia

#040443

Deuteranopia

#04043E

Tritanopia

#053330

Achromatopsia

#0A0A0A

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E0DFFB
200
#BCBAFD
300
#8B89FB
400
#4D49F9
500
#0E08F7
600
#0B07C5
700
#09059E
800
#07047B
900
#0A0859
950
#060538

Contrast Checker

Text on white

18.1:1

AA Pass AAA Pass

Text on black

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