#02557D

#02557D

Color Values

HEX

#02557D

RGB

2, 85, 125

HSL

199.5, 96.9%, 24.9%

HSV

199.5, 98.4%, 49.0%

CMYK

98.4%, 32.0%, 0.0%, 51.0%

OKLCH

0.4275 0.0951 238.8

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#02557D

#7D2A02

Analogous

#027D67

#02187D

#02557D

Triadic

#02557D

#7D0255

#557D02

Split Complementary

#02557D

#7D0218

#7D6702

Tetradic

#02557D

#67027D

#7D2A02

#187D02

Color Blindness Simulation

Original

#02557D

Protanopia

#262773

Deuteranopia

#211B71

Tritanopia

#066C6A

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF2FC
200
#B9E7FE
300
#86D7FD
400
#45C1FC
500
#04ABFB
600
#0389C9
700
#036DA1
800
#02557E
900
#063F5B
950
#042839

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

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