#0D60F2

#0D60F2

Color Values

HEX

#0D60F2

RGB

13, 96, 242

HSL

218.3, 89.8%, 50.0%

HSV

218.3, 94.6%, 94.9%

CMYK

94.6%, 60.3%, 0.0%, 5.1%

OKLCH

0.5421 0.2309 261.5

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#0D60F2

#F29F0D

Analogous

#0DD2F2

#2D0DF2

#0D60F2

Triadic

#0D60F2

#F20D60

#60F20D

Split Complementary

#0D60F2

#F22D0D

#D2F20D

Tetradic

#0D60F2

#F20DD2

#F29F0D

#0DF22D

Color Blindness Simulation

Original

#0D60F2

Protanopia

#3132CF

Deuteranopia

#2C26C6

Tritanopia

#11B3AD

Achromatopsia

#595959

CSS Usage

background-color: #0D60F2;
color: #0D60F2;
border-color: #0D60F2;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F6FD
100
#E0E9FB
200
#BBD2FB
300
#8BB3F9
400
#4C89F5
500
#0D60F2
600
#0A4DC2
700
#083D9B
800
#073079
900
#092658
950
#061837

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

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