#0060FF

#0060FF

Color Values

HEX

#0060FF

RGB

0, 96, 255

HSL

217.4, 100.0%, 50.0%

HSV

217.4, 100.0%, 100.0%

CMYK

100.0%, 62.4%, 0.0%, 0.0%

OKLCH

0.5524 0.2476 261.6

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#0060FF

#FF9F00

Analogous

#00E0FF

#1F00FF

#0060FF

Triadic

#0060FF

#FF0060

#60FF00

Split Complementary

#0060FF

#FF1F00

#E0FF00

Tetradic

#0060FF

#FF00E0

#FF9F00

#00FF1F

Color Blindness Simulation

Original

#0060FF

Protanopia

#2A2AD9

Deuteranopia

#241DCF

Tritanopia

#05BAB3

Achromatopsia

#575757

CSS Usage

background-color: #0060FF;
color: #0060FF;
border-color: #0060FF;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F1F6FE
100
#DEE9FC
200
#B8D2FF
300
#85B3FF
400
#4289FF
500
#0060FF
600
#004DCC
700
#003DA3
800
#003080
900
#05265C
950
#03183A

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

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