#186AC0

#186AC0

Color Values

HEX

#186AC0

RGB

24, 106, 192

HSL

210.7, 77.8%, 42.4%

HSV

210.7, 87.5%, 75.3%

CMYK

87.5%, 44.8%, 0.0%, 24.7%

OKLCH

0.5252 0.1539 254.1

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#186AC0

#C06E18

Analogous

#18BEC0

#1A18C0

#186AC0

Triadic

#186AC0

#C0186A

#6AC018

Split Complementary

#186AC0

#C01A18

#BEC018

Tetradic

#186AC0

#C018BE

#C06E18

#18C01A

Color Blindness Simulation

Original

#186AC0

Protanopia

#3C3CAB

Deuteranopia

#3731A6

Tritanopia

#1C9B97

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#C0DBF7
300
#92C1F1
400
#579FEA
500
#1C7DE3
600
#1764B5
700
#125091
800
#0E3F71
900
#0F3052
950
#091E34

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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