#105397

#105397

Color Values

HEX

#105397

RGB

16, 83, 151

HSL

210.2, 80.8%, 32.7%

HSV

210.2, 89.4%, 59.2%

CMYK

89.4%, 45.0%, 0.0%, 40.8%

OKLCH

0.4418 0.1279 253.6

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#105397

#975410

Analogous

#109697

#101097

#105397

Triadic

#105397

#971053

#539710

Split Complementary

#105397

#971010

#969710

Tetradic

#105397

#971096

#975410

#109710

Color Blindness Simulation

Original

#105397

Protanopia

#2D2E87

Deuteranopia

#292483

Tritanopia

#137A77

Achromatopsia

#4A4A4A

CSS Usage

background-color: #105397;
color: #105397;
border-color: #105397;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BEDBF8
300
#90C1F3
400
#54A0ED
500
#187FE7
600
#1465B8
700
#105194
800
#0C3F73
900
#0D3054
950
#081E35

Contrast Checker

Text on white

7.76:1

AA Pass AAA Pass

Text on black

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