#12588C

#12588C

Color Values

HEX

#12588C

RGB

18, 88, 140

HSL

205.6, 77.2%, 31.0%

HSV

205.6, 87.1%, 54.9%

CMYK

87.1%, 37.1%, 0.0%, 45.1%

OKLCH

0.4469 0.1074 246.7

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#12588C

#8C4612

Analogous

#128C83

#121B8C

#12588C

Triadic

#12588C

#8C1258

#588C12

Split Complementary

#12588C

#8C121B

#8C8312

Tetradic

#12588C

#83128C

#8C4612

#1B8C12

Color Blindness Simulation

Original

#12588C

Protanopia

#30317F

Deuteranopia

#2C277C

Tritanopia

#167573

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EFF9
200
#C0DFF7
300
#93C9F1
400
#58ABE9
500
#1D8EE2
600
#1772B5
700
#135B91
800
#0F4771
900
#0F3552
950
#092234

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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