#186EDF

#186EDF

Color Values

HEX

#186EDF

RGB

24, 110, 223

HSL

214.1, 80.6%, 48.4%

HSV

214.1, 89.2%, 87.5%

CMYK

89.2%, 50.7%, 0.0%, 12.5%

OKLCH

0.5562 0.1893 257.9

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#186EDF

#DF8918

Analogous

#18D1DF

#2618DF

#186EDF

Triadic

#186EDF

#DF186E

#6EDF18

Split Complementary

#186EDF

#DF2618

#D1DF18

Tetradic

#186EDF

#DF18D1

#DF8918

#18DF26

Color Blindness Simulation

Original

#186EDF

Protanopia

#3D3EC4

Deuteranopia

#3832BD

Tritanopia

#1CAEA9

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EBF9
200
#BFD7F8
300
#90BBF3
400
#5596ED
500
#1971E6
600
#145BB8
700
#104993
800
#0C3973
900
#0D2C54
950
#081C35

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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