#186ABA

#186ABA

Color Values

HEX

#186ABA

RGB

24, 106, 186

HSL

209.6, 77.1%, 41.2%

HSV

209.6, 87.1%, 72.9%

CMYK

87.1%, 43.0%, 0.0%, 27.1%

OKLCH

0.5211 0.1462 252.7

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#186ABA

#BA6818

Analogous

#18BAB9

#1819BA

#186ABA

Triadic

#186ABA

#BA186A

#6ABA18

Split Complementary

#186ABA

#BA1819

#BAB918

Tetradic

#186ABA

#B918BA

#BA6818

#19BA18

Color Blindness Simulation

Original

#186ABA

Protanopia

#3C3CA7

Deuteranopia

#3731A2

Tritanopia

#1C9794

Achromatopsia

#5E5E5E

CSS Usage

background-color: #186ABA;
color: #186ABA;
border-color: #186ABA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#C0DCF7
300
#93C2F1
400
#58A2E9
500
#1D81E2
600
#1767B5
700
#135291
800
#0F4071
900
#0F3152
950
#091F34

Contrast Checker

Text on white

5.51:1

AA Pass AAA Fail

Text on black

3.81:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026