#103554

#103554

Color Values

HEX

#103554

RGB

16, 53, 84

HSL

207.4, 68.0%, 19.6%

HSV

207.4, 81.0%, 32.9%

CMYK

81.0%, 36.9%, 0.0%, 67.1%

OKLCH

0.3198 0.0693 247.5

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#103554

#542F10

Analogous

#105451

#101354

#103554

Triadic

#103554

#541035

#355410

Split Complementary

#103554

#541013

#545110

Tetradic

#103554

#511054

#542F10

#135410

Color Blindness Simulation

Original

#103554

Protanopia

#20204D

Deuteranopia

#1E1B4B

Tritanopia

#124745

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C3DDF4
300
#98C5EB
400
#60A6E1
500
#2987D6
600
#216CAB
700
#1A5689
800
#14446B
900
#13334E
950
#0C2031

Contrast Checker

Text on white

12.66:1

AA Pass AAA Pass

Text on black

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