#0D6CD3

#0D6CD3

Color Values

HEX

#0D6CD3

RGB

13, 108, 211

HSL

211,2, 88,4%, 43,9%

HSV

211,2, 93,8%, 82,7%

CMYK

93,8%, 48,8%, 0,0%, 17,3%

OKLCH

0,5415 0,1777 255,9

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#0D6CD3

#D3740D

Analogous

#0DCFD3

#110DD3

#0D6CD3

Triadic

#0D6CD3

#D30D6C

#6CD30D

Split Complementary

#0D6CD3

#D3110D

#CFD30D

Tetradic

#0D6CD3

#D30DCF

#D3740D

#0DD311

Color Blindness Simulation

Original

#0D6CD3

Protanopia

#3637BA

Deuteranopia

#312AB4

Tritanopia

#12A6A2

Achromatopsia

#5F5F5F

CSS Usage

background-color: #0D6CD3;
color: #0D6CD3;
border-color: #0D6CD3;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E0EDFB
200
#BCDAFB
300
#8CC0F8
400
#4D9DF4
500
#0F7BF0
600
#0C62C0
700
#094F9A
800
#073D78
900
#0A2F57
950
#061E37

Contrast Checker

Text on white

5,12:1

AA Pass AAA Fail

Text on black

4,1: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