#186BC0

#186BC0

Color Values

HEX

#186BC0

RGB

24, 107, 192

HSL

210.4, 77.8%, 42.4%

HSV

210.4, 87.5%, 75.3%

CMYK

87.5%, 44.3%, 0.0%, 24.7%

OKLCH

0.5274 0.1528 253.7

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#186BC0

#C06D18

Analogous

#18BFC0

#1918C0

#186BC0

Triadic

#186BC0

#C0186B

#6BC018

Split Complementary

#186BC0

#C01918

#BFC018

Tetradic

#186BC0

#C018BF

#C06D18

#18C019

Color Blindness Simulation

Original

#186BC0

Protanopia

#3C3DAB

Deuteranopia

#3731A6

Tritanopia

#1C9B98

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#C0DBF7
300
#92C1F1
400
#57A0EA
500
#1C7EE3
600
#1765B5
700
#125191
800
#0E3F71
900
#0F3052
950
#091E34

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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