#060372

#060372

Color Values

HEX

#060372

RGB

6, 3, 114

HSL

241.6, 94.9%, 22.9%

HSV

241.6, 97.4%, 44.7%

CMYK

94.7%, 97.4%, 0.0%, 55.3%

OKLCH

0.2553 0.1688 266.4

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#060372

#6F7203

Analogous

#033772

#3D0372

#060372

Triadic

#060372

#720603

#037206

Split Complementary

#060372

#723D03

#377203

Tetradic

#060372

#720337

#6F7203

#03723D

Color Blindness Simulation

Original

#060372

Protanopia

#050557

Deuteranopia

#050551

Tritanopia

#06423D

Achromatopsia

#0C0C0C

CSS Usage

background-color: #060372;
color: #060372;
border-color: #060372;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F2F1FE
100
#E0DFFC
200
#BBB9FD
300
#8B88FC
400
#4C47FA
500
#0D07F8
600
#0A05C7
700
#08049F
800
#06037C
900
#09075A
950
#060439

Contrast Checker

Text on white

16.62:1

AA Pass AAA Pass

Text on black

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