#060873

#060873

Color Values

HEX

#060873

RGB

6, 8, 115

HSL

238.9, 90.1%, 23.7%

HSV

238.9, 94.8%, 45.1%

CMYK

94.8%, 93.0%, 0.0%, 54.9%

OKLCH

0.2617 0.1667 266.3

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#060873

#737106

Analogous

#063E73

#3A0673

#060873

Triadic

#060873

#730608

#087306

Split Complementary

#060873

#733A06

#3E7306

Tetradic

#060873

#73063E

#737106

#06733A

Color Blindness Simulation

Original

#060873

Protanopia

#070759

Deuteranopia

#070753

Tritanopia

#064540

Achromatopsia

#0F0F0F

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BBBCFB
300
#8B8DF9
400
#4C4FF6
500
#0D11F2
600
#0A0DC2
700
#080B9B
800
#060879
900
#090B58
950
#060737

Contrast Checker

Text on white

16.28:1

AA Pass AAA Pass

Text on black

1.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026