#186FE7

#186FE7

Color Values

HEX

#186FE7

RGB

24, 111, 231

HSL

214.8, 81.2%, 50.0%

HSV

214.8, 89.6%, 90.6%

CMYK

89.6%, 51.9%, 0.0%, 9.4%

OKLCH

0.5643 0.1983 258.6

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#186FE7

#E79018

Analogous

#18D6E7

#2918E7

#186FE7

Triadic

#186FE7

#E7186F

#6FE718

Split Complementary

#186FE7

#E72918

#D6E718

Tetradic

#186FE7

#E718D6

#E79018

#18E729

Color Blindness Simulation

Original

#186FE7

Protanopia

#3E3ECA

Deuteranopia

#3932C3

Tritanopia

#1CB3AE

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EBF9
200
#BED7F8
300
#90BAF3
400
#5494ED
500
#186FE7
600
#1359B9
700
#0F4794
800
#0C3774
900
#0D2B54
950
#081B35

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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