#063561

#063561

Color Values

HEX

#063561

RGB

6, 53, 97

HSL

209.0, 88.3%, 20.2%

HSV

209.0, 93.8%, 38.0%

CMYK

93.8%, 45.4%, 0.0%, 62.0%

OKLCH

0.3261 0.0911 252.0

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#063561

#613206

Analogous

#06615F

#060861

#063561

Triadic

#063561

#610635

#356106

Split Complementary

#063561

#610608

#615F06

Tetradic

#063561

#5F0661

#613206

#086106

Color Blindness Simulation

Original

#063561

Protanopia

#1A1B56

Deuteranopia

#181454

Tritanopia

#084E4C

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFB
200
#BCDCFB
300
#8CC4F8
400
#4DA3F4
500
#0F83F0
600
#0C69C0
700
#0A549A
800
#074278
900
#0A3257
950
#061F37

Contrast Checker

Text on white

12.43:1

AA Pass AAA Pass

Text on black

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