#063C79

#063C79

Color Values

HEX

#063C79

RGB

6, 60, 121

HSL

211.8, 90.6%, 24.9%

HSV

211.8, 95.0%, 47.5%

CMYK

95.0%, 50.4%, 0.0%, 52.5%

OKLCH

0.3623 0.1166 255.9

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#063C79

#794306

Analogous

#067679

#090679

#063C79

Triadic

#063C79

#79063C

#3C7906

Split Complementary

#063C79

#790906

#767906

Tetradic

#063C79

#790676

#794306

#067909

Color Blindness Simulation

Original

#063C79

Protanopia

#1D1E6A

Deuteranopia

#1A1667

Tritanopia

#095F5C

Achromatopsia

#353535

CSS Usage

background-color: #063C79;
color: #063C79;
border-color: #063C79;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BBD9FC
300
#8ABEF9
400
#4B9CF6
500
#0C79F3
600
#0A60C2
700
#084D9C
800
#063C7A
900
#092E58
950
#061D38

Contrast Checker

Text on white

10.88:1

AA Pass AAA Pass

Text on black

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