#060342

#060342

Color Values

HEX

#060342

RGB

6, 3, 66

HSL

242.9, 91.3%, 13.5%

HSV

242.9, 95.5%, 25.9%

CMYK

90.9%, 95.5%, 0.0%, 74.1%

OKLCH

0.183 0.111 270.4

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#060342

#3F4203

Analogous

#031F42

#250342

#060342

Triadic

#060342

#420603

#034206

Split Complementary

#060342

#422503

#1F4203

Tetradic

#060342

#42031F

#3F4203

#034225

Color Blindness Simulation

Original

#060342

Protanopia

#050533

Deuteranopia

#05052F

Tritanopia

#062724

Achromatopsia

#080808

CSS Usage

background-color: #060342;
color: #060342;
border-color: #060342;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F2F1FD
100
#E1DFFB
200
#BEBBFC
300
#8F8AFA
400
#534BF7
500
#160BF4
600
#1209C3
700
#0E079C
800
#0B067A
900
#0C0958
950
#080538

Contrast Checker

Text on white

19.1:1

AA Pass AAA Pass

Text on black

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