#050456

#050456

Color Values

HEX

#050456

RGB

5, 4, 86

HSL

240.7, 91.1%, 17.6%

HSV

240.7, 95.3%, 33.7%

CMYK

94.2%, 95.3%, 0.0%, 66.3%

OKLCH

0.214 0.1356 267.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#050456

#555604

Analogous

#042C56

#2E0456

#050456

Triadic

#050456

#560504

#045605

Split Complementary

#050456

#562E04

#2C5604

Tetradic

#050456

#56042C

#555604

#04562E

Color Blindness Simulation

Original

#050456

Protanopia

#050542

Deuteranopia

#05053D

Tritanopia

#05322F

Achromatopsia

#0A0A0A

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E0DFFB
200
#BCBBFC
300
#8B8AFA
400
#4D4BF7
500
#0E0BF4
600
#0B09C3
700
#09079C
800
#07067A
900
#0A0958
950
#060638

Contrast Checker

Text on white

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