#186ECB

#186ECB

Color Values

HEX

#186ECB

RGB

24, 110, 203

HSL

211.2, 78.9%, 44.5%

HSV

211.2, 88.2%, 79.6%

CMYK

88.2%, 45.8%, 0.0%, 20.4%

OKLCH

0.5417 0.1636 254.8

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#186ECB

#CB7518

Analogous

#18C7CB

#1C18CB

#186ECB

Triadic

#186ECB

#CB186E

#6ECB18

Split Complementary

#186ECB

#CB1C18

#C7CB18

Tetradic

#186ECB

#CB18C7

#CB7518

#18CB1C

Color Blindness Simulation

Original

#186ECB

Protanopia

#3D3EB5

Deuteranopia

#3832AF

Tritanopia

#1CA39F

Achromatopsia

#626262

CSS Usage

background-color: #186ECB;
color: #186ECB;
border-color: #186ECB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#BFDAF7
300
#92C0F2
400
#569EEB
500
#1B7BE4
600
#1663B6
700
#114F92
800
#0D3E72
900
#0E2F53
950
#091E34

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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