#105695

#105695

Color Values

HEX

#105695

RGB

16, 86, 149

HSL

208.4, 80.6%, 32.4%

HSV

208.4, 89.3%, 58.4%

CMYK

89.3%, 42.3%, 0.0%, 41.6%

OKLCH

0.4475 0.1218 251.3

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#105695

#954F10

Analogous

#109592

#101495

#105695

Triadic

#105695

#951056

#569510

Split Complementary

#105695

#951014

#959210

Tetradic

#105695

#921095

#954F10

#149510

Color Blindness Simulation

Original

#105695

Protanopia

#2E2F86

Deuteranopia

#2A2582

Tritanopia

#147A77

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BFDDF8
300
#90C4F3
400
#55A5ED
500
#1985E6
600
#146AB8
700
#105593
800
#0C4273
900
#0D3254
950
#082035

Contrast Checker

Text on white

7.53:1

AA Pass AAA Pass

Text on black

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