#063D7D

#063D7D

Color Values

HEX

#063D7D

RGB

6, 61, 125

HSL

212.3, 90.8%, 25.7%

HSV

212.3, 95.2%, 49.0%

CMYK

95.2%, 51.2%, 0.0%, 51.0%

OKLCH

0.3679 0.121 256.4

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#063D7D

#7D4606

Analogous

#06787D

#0B067D

#063D7D

Triadic

#063D7D

#7D063D

#3D7D06

Split Complementary

#063D7D

#7D0B06

#787D06

Tetradic

#063D7D

#7D0678

#7D4606

#067D0B

Color Blindness Simulation

Original

#063D7D

Protanopia

#1E1E6E

Deuteranopia

#1B166A

Tritanopia

#09615F

Achromatopsia

#363636

CSS Usage

background-color: #063D7D;
color: #063D7D;
border-color: #063D7D;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BBD9FC
300
#8ABEF9
400
#4B9AF6
500
#0C77F3
600
#095FC3
700
#084C9C
800
#063B7A
900
#092D58
950
#061D38

Contrast Checker

Text on white

10.65:1

AA Pass AAA Pass

Text on black

1.97:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026