#060C75

#060C75

Color Values

HEX

#060C75

RGB

6, 12, 117

HSL

236.8, 90.2%, 24.1%

HSV

236.8, 94.9%, 45.9%

CMYK

94.9%, 89.7%, 0.0%, 54.1%

OKLCH

0.2684 0.1664 266.2

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#060C75

#756F06

Analogous

#064375

#380675

#060C75

Triadic

#060C75

#75060C

#0C7506

Split Complementary

#060C75

#753806

#437506

Tetradic

#060C75

#750643

#756F06

#067538

Color Blindness Simulation

Original

#060C75

Protanopia

#09095C

Deuteranopia

#080855

Tritanopia

#064843

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BBBFFC
300
#8B90F9
400
#4C55F6
500
#0C19F3
600
#0A14C2
700
#08109B
800
#060C79
900
#090D58
950
#060837

Contrast Checker

Text on white

15.94:1

AA Pass AAA Pass

Text on black

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