#06306B

#06306B

Color Values

HEX

#06306B

RGB

6, 48, 107

HSL

215.0, 89.4%, 22.2%

HSV

215.0, 94.4%, 42.0%

CMYK

94.4%, 55.1%, 0.0%, 58.0%

OKLCH

0.3217 0.1123 258.5

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#06306B

#6B4106

Analogous

#06636B

#0E066B

#06306B

Triadic

#06306B

#6B0630

#306B06

Split Complementary

#06306B

#6B0E06

#636B06

Tetradic

#06306B

#6B0663

#6B4106

#066B0E

Color Blindness Simulation

Original

#06306B

Protanopia

#18195D

Deuteranopia

#161359

Tritanopia

#08514F

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFB
200
#BBD6FB
300
#8BB9F9
400
#4C93F5
500
#0E6DF1
600
#0B57C1
700
#09459B
800
#073679
900
#092A57
950
#061A37

Contrast Checker

Text on white

12.78:1

AA Pass AAA Pass

Text on black

1.64:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026