#08396B

#08396B

Color Values

HEX

#08396B

RGB

8, 57, 107

HSL

210.3, 86.1%, 22.5%

HSV

210.3, 92.5%, 42.0%

CMYK

92.5%, 46.7%, 0.0%, 58.0%

OKLCH

0.3443 0.1 253.6

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#08396B

#6B3A08

Analogous

#086A6B

#08086B

#08396B

Triadic

#08396B

#6B0839

#396B08

Split Complementary

#08396B

#6B0808

#6A6B08

Tetradic

#08396B

#6B086A

#6B3A08

#086B08

Color Blindness Simulation

Original

#08396B

Protanopia

#1D1E5F

Deuteranopia

#1A175C

Tritanopia

#0A5553

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDBFA
300
#8DC1F6
400
#4FA0F2
500
#127EED
600
#0E65BE
700
#0B5198
800
#093F77
900
#0B3056
950
#071E36

Contrast Checker

Text on white

11.62:1

AA Pass AAA Pass

Text on black

1.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026