#05046F

#05046F

Color Values

HEX

#05046F

RGB

5, 4, 111

HSL

240,6, 93,0%, 22,5%

HSV

240,6, 96,4%, 43,5%

CMYK

95,5%, 96,4%, 0,0%, 56,5%

OKLCH

0,2514 0,1651 266,1

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#05046F

#6E6F04

Analogous

#04386F

#3A046F

#05046F

Triadic

#05046F

#6F0504

#046F05

Split Complementary

#05046F

#6F3A04

#386F04

Tetradic

#05046F

#6F0438

#6E6F04

#046F3A

Color Blindness Simulation

Original

#05046F

Protanopia

#050555

Deuteranopia

#05054F

Tritanopia

#05413C

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BBBAFD
300
#8A89FB
400
#4B49F8
500
#0B09F6
600
#0907C5
700
#07069D
800
#06047B
900
#090859
950
#060538

Contrast Checker

Text on white

16,75:1

AA Pass AAA Pass

Text on black

1,25:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026