#060EB5

#060EB5

Color Values

HEX

#060EB5

RGB

6, 14, 181

HSL

237.3, 93.6%, 36.7%

HSV

237.3, 96.7%, 71.0%

CMYK

96.7%, 92.3%, 0.0%, 29.0%

OKLCH

0.3584 0.2359 265.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#060EB5

#B5AD06

Analogous

#0665B5

#5606B5

#060EB5

Triadic

#060EB5

#B5060E

#0EB506

Split Complementary

#060EB5

#B55606

#65B506

Tetradic

#060EB5

#B50665

#B5AD06

#06B556

Color Blindness Simulation

Original

#060EB5

Protanopia

#090A8D

Deuteranopia

#090883

Tritanopia

#066D66

Achromatopsia

#181818

CSS Usage

background-color: #060EB5;
color: #060EB5;
border-color: #060EB5;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABDFD
300
#898EFB
400
#4850F9
500
#0813F7
600
#070FC5
700
#050C9E
800
#04097B
900
#080B59
950
#050738

Contrast Checker

Text on white

12.08:1

AA Pass AAA Pass

Text on black

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