#0D63AB

#0D63AB

Color Values

HEX

#0D63AB

RGB

13, 99, 171

HSL

207.3, 85.9%, 36.1%

HSV

207.3, 92.4%, 67.1%

CMYK

92.4%, 42.1%, 0.0%, 32.9%

OKLCH

0.493 0.1365 250.8

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#0D63AB

#AB550D

Analogous

#0DABA4

#0D14AB

#0D63AB

Triadic

#0D63AB

#AB0D63

#63AB0D

Split Complementary

#0D63AB

#AB0D14

#ABA40D

Tetradic

#0D63AB

#A40DAB

#AB550D

#14AB0D

Color Blindness Simulation

Original

#0D63AB

Protanopia

#32339A

Deuteranopia

#2D2795

Tritanopia

#118C89

Achromatopsia

#565656

CSS Usage

background-color: #0D63AB;
color: #0D63AB;
border-color: #0D63AB;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDEFA
300
#8DC7F6
400
#50A8F2
500
#1289ED
600
#0E6EBE
700
#0C5898
800
#094577
900
#0B3456
950
#072136

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

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