#060AC6

#060AC6

Color Values

HEX

#060AC6

RGB

6, 10, 198

HSL

238.8, 94.1%, 40.0%

HSV

238.8, 97.0%, 77.6%

CMYK

97.0%, 94.9%, 0.0%, 22.4%

OKLCH

0.3795 0.2548 264.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#060AC6

#C6C206

Analogous

#066AC6

#6206C6

#060AC6

Triadic

#060AC6

#C6060A

#0AC606

Split Complementary

#060AC6

#C66206

#6AC606

Tetradic

#060AC6

#C6066A

#C6C206

#06C662

Color Blindness Simulation

Original

#060AC6

Protanopia

#080899

Deuteranopia

#08078E

Tritanopia

#06756D

Achromatopsia

#171717

CSS Usage

background-color: #060AC6;
color: #060AC6;
border-color: #060AC6;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABBFD
300
#888BFB
400
#484BF9
500
#080CF7
600
#060AC6
700
#05089E
800
#04067C
900
#070959
950
#050639

Contrast Checker

Text on white

11.25:1

AA Pass AAA Pass

Text on black

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