#050A50

#050A50

Color Values

HEX

#050A50

RGB

5, 10, 80

HSL

236.0, 88.2%, 16.7%

HSV

236.0, 93.8%, 31.4%

CMYK

93.7%, 87.5%, 0.0%, 68.6%

OKLCH

0.214 0.1221 267.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#050A50

#504B05

Analogous

#053050

#260550

#050A50

Triadic

#050A50

#50050A

#0A5005

Split Complementary

#050A50

#502605

#305005

Tetradic

#050A50

#500530

#504B05

#055026

Color Blindness Simulation

Original

#050A50

Protanopia

#07073F

Deuteranopia

#07063B

Tritanopia

#05322F

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E2FB
200
#BCC0FB
300
#8C93F8
400
#4D59F4
500
#0F1EF0
600
#0C18C0
700
#0A139A
800
#080F78
900
#0A0F57
950
#060A37

Contrast Checker

Text on white

18.01:1

AA Pass AAA Pass

Text on black

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