#18578F

#18578F

Color Values

HEX

#18578F

RGB

24, 87, 143

HSL

208.2, 71.3%, 32.7%

HSV

208.2, 83.2%, 56.1%

CMYK

83.2%, 39.2%, 0.0%, 43.9%

OKLCH

0.4477 0.1108 249.9

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#18578F

#8F5018

Analogous

#188F8B

#181B8F

#18578F

Triadic

#18578F

#8F1857

#578F18

Split Complementary

#18578F

#8F181B

#8F8B18

Tetradic

#18578F

#8B188F

#8F5018

#1B8F18

Color Blindness Simulation

Original

#18578F

Protanopia

#333481

Deuteranopia

#302B7E

Tritanopia

#1B7774

Achromatopsia

#4E4E4E

CSS Usage

background-color: #18578F;
color: #18578F;
border-color: #18578F;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DDF5
300
#96C4ED
400
#5DA5E4
500
#2585DA
600
#1D6AAF
700
#17558C
800
#12426D
900
#113250
950
#0B2032

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

2.8:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026