#0060CD

#0060CD

Color Values

HEX

#0060CD

RGB

0, 96, 205

HSL

211.9, 100.0%, 40.2%

HSV

211.9, 100.0%, 80.4%

CMYK

100.0%, 53.2%, 0.0%, 19.6%

OKLCH

0.5098 0.1856 257.6

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0060CD

#CD6D00

Analogous

#00C7CD

#0600CD

#0060CD

Triadic

#0060CD

#CD0060

#60CD00

Split Complementary

#0060CD

#CD0600

#C7CD00

Tetradic

#0060CD

#CD00C7

#CD6D00

#00CD06

Color Blindness Simulation

Original

#0060CD

Protanopia

#2A2AB3

Deuteranopia

#241DAC

Tritanopia

#059E99

Achromatopsia

#535353

CSS Usage

background-color: #0060CD;
color: #0060CD;
border-color: #0060CD;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D9FF
300
#85BEFF
400
#429BFF
500
#0077FF
600
#0060CC
700
#004CA3
800
#003C80
900
#052E5C
950
#031D3A

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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