#186AB1

#186AB1

Color Values

HEX

#186AB1

RGB

24, 106, 177

HSL

207.8, 76.1%, 39.4%

HSV

207.8, 86.4%, 69.4%

CMYK

86.4%, 40.1%, 0.0%, 30.6%

OKLCH

0.5152 0.1346 250.2

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#186AB1

#B15F18

Analogous

#18B1AB

#181EB1

#186AB1

Triadic

#186AB1

#B1186A

#6AB118

Split Complementary

#186AB1

#B1181E

#B1AB18

Tetradic

#186AB1

#AB18B1

#B15F18

#1EB118

Color Blindness Simulation

Original

#186AB1

Protanopia

#3C3CA0

Deuteranopia

#37319C

Tritanopia

#1C928F

Achromatopsia

#5E5E5E

CSS Usage

background-color: #186AB1;
color: #186AB1;
border-color: #186AB1;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F8FC
100
#E2EEF9
200
#C0DDF6
300
#93C5F0
400
#59A6E8
500
#1E87E1
600
#186CB4
700
#145690
800
#0F4370
900
#0F3352
950
#0A2034

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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