#186EC0

#186EC0

Color Values

HEX

#186EC0

RGB

24, 110, 192

HSL

209.3, 77.8%, 42.4%

HSV

209.3, 87.5%, 75.3%

CMYK

87.5%, 42.7%, 0.0%, 24.7%

OKLCH

0.5343 0.1495 252.4

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#186EC0

#C06A18

Analogous

#18C0BE

#181AC0

#186EC0

Triadic

#186EC0

#C0186E

#6EC018

Split Complementary

#186EC0

#C0181A

#C0BE18

Tetradic

#186EC0

#BE18C0

#C06A18

#1AC018

Color Blindness Simulation

Original

#186EC0

Protanopia

#3D3EAC

Deuteranopia

#3832A7

Tritanopia

#1C9C99

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#C0DCF7
300
#92C3F1
400
#57A2EA
500
#1C82E3
600
#1768B5
700
#125391
800
#0E4171
900
#0F3152
950
#091F34

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

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