#050C63

#050C63

Color Values

HEX

#050C63

RGB

5, 12, 99

HSL

235.5, 90.4%, 20.4%

HSV

235.5, 94.9%, 38.8%

CMYK

94.9%, 87.9%, 0.0%, 61.2%

OKLCH

0.243 0.1449 266.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#050C63

#635C05

Analogous

#053B63

#2D0563

#050C63

Triadic

#050C63

#63050C

#0C6305

Split Complementary

#050C63

#632D05

#3B6305

Tetradic

#050C63

#63053B

#635C05

#05632D

Color Blindness Simulation

Original

#050C63

Protanopia

#08084E

Deuteranopia

#080749

Tritanopia

#053D3A

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BBC0FC
300
#8A93F9
400
#4B58F6
500
#0C1EF3
600
#0A18C2
700
#08139B
800
#060F79
900
#090F58
950
#060937

Contrast Checker

Text on white

16.95:1

AA Pass AAA Pass

Text on black

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