#186AE7

#186AE7

Color Values

HEX

#186AE7

RGB

24, 106, 231

HSL

216.2, 81.2%, 50.0%

HSV

216.2, 89.6%, 90.6%

CMYK

89.6%, 54.1%, 0.0%, 9.4%

OKLCH

0.554 0.2042 259.7

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#186AE7

#E79518

Analogous

#18D2E7

#2D18E7

#186AE7

Triadic

#186AE7

#E7186A

#6AE718

Split Complementary

#186AE7

#E72D18

#D2E718

Tetradic

#186AE7

#E718D2

#E79518

#18E72D

Color Blindness Simulation

Original

#186AE7

Protanopia

#3C3CC9

Deuteranopia

#3731C2

Tritanopia

#1CB1AC

Achromatopsia

#626262

CSS Usage

background-color: #186AE7;
color: #186AE7;
border-color: #186AE7;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F6FD
100
#E1EBF9
200
#BED5F8
300
#90B8F3
400
#5491ED
500
#186AE7
600
#1355B9
700
#0F4494
800
#0C3574
900
#0D2954
950
#081A35

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026