#06448B

#06448B

Color Values

HEX

#06448B

RGB

6, 68, 139

HSL

212.0, 91.7%, 28.4%

HSV

212.0, 95.7%, 54.5%

CMYK

95.7%, 51.1%, 0.0%, 45.5%

OKLCH

0.3957 0.1316 256.4

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#06448B

#8B4D06

Analogous

#06868B

#0A068B

#06448B

Triadic

#06448B

#8B0644

#448B06

Split Complementary

#06448B

#8B0A06

#868B06

Tetradic

#06448B

#8B0686

#8B4D06

#068B0A

Color Blindness Simulation

Original

#06448B

Protanopia

#21217A

Deuteranopia

#1D1976

Tritanopia

#096C69

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BBD9FC
300
#8ABEFA
400
#4A9BF7
500
#0B78F4
600
#0860C4
700
#074D9C
800
#053C7A
900
#082E58
950
#051D38

Contrast Checker

Text on white

9.51:1

AA Pass AAA Pass

Text on black

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