#03557C

#03557C

Color Values

HEX

#03557C

RGB

3, 85, 124

HSL

199.3, 95.3%, 24.9%

HSV

199.3, 97.6%, 48.6%

CMYK

97.6%, 31.5%, 0.0%, 51.4%

OKLCH

0.4271 0.0938 238.2

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#03557C

#7C2A03

Analogous

#037C66

#03197C

#03557C

Triadic

#03557C

#7C0355

#557C03

Split Complementary

#03557C

#7C0319

#7C6603

Tetradic

#03557C

#66037C

#7C2A03

#197C03

Color Blindness Simulation

Original

#03557C

Protanopia

#272773

Deuteranopia

#221C70

Tritanopia

#076B69

Achromatopsia

#464646

CSS Usage

background-color: #03557C;
color: #03557C;
border-color: #03557C;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F1FAFE
100
#DFF2FC
200
#B9E7FD
300
#87D7FC
400
#47C1FB
500
#06ABF9
600
#0589C7
700
#046D9F
800
#03557D
900
#073F5A
950
#042839

Contrast Checker

Text on white

8.09:1

AA Pass AAA Pass

Text on black

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