#103565

#103565

Color Values

HEX

#103565

RGB

16, 53, 101

HSL

213.9, 72.6%, 22.9%

HSV

213.9, 84.2%, 39.6%

CMYK

84.2%, 47.5%, 0.0%, 60.4%

OKLCH

0.3318 0.0943 256.6

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#103565

#654010

Analogous

#105F65

#161065

#103565

Triadic

#103565

#651035

#356510

Split Complementary

#103565

#651610

#5F6510

Tetradic

#103565

#65105F

#654010

#106516

Color Blindness Simulation

Original

#103565

Protanopia

#202059

Deuteranopia

#1E1B57

Tritanopia

#12504E

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2ECF8
200
#C1D8F5
300
#95BCEE
400
#5C98E5
500
#2373DC
600
#1C5CB0
700
#164A8D
800
#113A6E
900
#112C50
950
#0B1C33

Contrast Checker

Text on white

12.22:1

AA Pass AAA Pass

Text on black

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