#103653

#103653

Color Values

HEX

#103653

RGB

16, 54, 83

HSL

206.0, 67.7%, 19.4%

HSV

206.0, 80.7%, 32.5%

CMYK

80.7%, 34.9%, 0.0%, 67.5%

OKLCH

0.3218 0.0669 245.3

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#103653

#532D10

Analogous

#10534E

#101453

#103653

Triadic

#103653

#531036

#365310

Split Complementary

#103653

#531014

#534E10

Tetradic

#103653

#4E1053

#532D10

#145310

Color Blindness Simulation

Original

#103653

Protanopia

#20214C

Deuteranopia

#1E1B4A

Tritanopia

#124645

Achromatopsia

#303030

CSS Usage

background-color: #103653;
color: #103653;
border-color: #103653;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C3DFF3
300
#98C7EB
400
#61A9E1
500
#298BD6
600
#216FAB
700
#1A5989
800
#15466B
900
#13344E
950
#0C2131

Contrast Checker

Text on white

12.54:1

AA Pass AAA Pass

Text on black

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