#063171

#063171

Color Values

HEX

#063171

RGB

6, 49, 113

HSL

215.9, 89.9%, 23.3%

HSV

215.9, 94.7%, 44.3%

CMYK

94.7%, 56.6%, 0.0%, 55.7%

OKLCH

0.3293 0.1197 259.3

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#063171

#714606

Analogous

#066671

#110671

#063171

Triadic

#063171

#710631

#317106

Split Complementary

#063171

#711106

#667106

Tetradic

#063171

#710666

#714606

#067111

Color Blindness Simulation

Original

#063171

Protanopia

#191962

Deuteranopia

#16135E

Tritanopia

#085553

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BBD5FB
300
#8BB7F9
400
#4C90F5
500
#0D69F2
600
#0A54C2
700
#08439B
800
#063479
900
#092958
950
#061A37

Contrast Checker

Text on white

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