#10557D

#10557D

Color Values

HEX

#10557D

RGB

16, 85, 125

HSL

202.0, 77.3%, 27.6%

HSV

202.0, 87.2%, 49.0%

CMYK

87.2%, 32.0%, 0.0%, 51.0%

OKLCH

0.4297 0.0921 240.7

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#10557D

#7D3810

Analogous

#107D6E

#101E7D

#10557D

Triadic

#10557D

#7D1055

#557D10

Split Complementary

#10557D

#7D101E

#7D6E10

Tetradic

#10557D

#6E107D

#7D3810

#1E7D10

Color Blindness Simulation

Original

#10557D

Protanopia

#2E2E73

Deuteranopia

#2A2571

Tritanopia

#136C6A

Achromatopsia

#494949

CSS Usage

background-color: #10557D;
color: #10557D;
border-color: #10557D;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F2F9FC
100
#E1F0F9
200
#C0E3F7
300
#92CEF1
400
#58B4EA
500
#1D9AE2
600
#177BB5
700
#136291
800
#0E4D71
900
#0F3952
950
#092434

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

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