#103E5D

#103E5D

Color Values

HEX

#103E5D

RGB

16, 62, 93

HSL

204.2, 70.6%, 21.4%

HSV

204.2, 82.8%, 36.5%

CMYK

82.8%, 33.3%, 0.0%, 63.5%

OKLCH

0.3498 0.0726 242.9

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#103E5D

#5D2F10

Analogous

#105D56

#10175D

#103E5D

Triadic

#103E5D

#5D103E

#3E5D10

Split Complementary

#103E5D

#5D1017

#5D5610

Tetradic

#103E5D

#56105D

#5D2F10

#175D10

Color Blindness Simulation

Original

#103E5D

Protanopia

#242456

Deuteranopia

#211E54

Tritanopia

#12504E

Achromatopsia

#363636

CSS Usage

background-color: #103E5D;
color: #103E5D;
border-color: #103E5D;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C2E0F5
300
#97CAED
400
#5EAEE3
500
#2591DA
600
#1E74AE
700
#185D8B
800
#13486D
900
#12364F
950
#0B2232

Contrast Checker

Text on white

11.24:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026