#187EDF

#187EDF

Color Values

HEX

#187EDF

RGB

24, 126, 223

HSL

209.2, 80.6%, 48.4%

HSV

209.2, 89.2%, 87.5%

CMYK

89.2%, 43.5%, 0.0%, 12.5%

OKLCH

0.5908 0.171 252.9

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#187EDF

#DF7918

Analogous

#18DFDC

#181BDF

#187EDF

Triadic

#187EDF

#DF187E

#7EDF18

Split Complementary

#187EDF

#DF181B

#DFDC18

Tetradic

#187EDF

#DC18DF

#DF7918

#1BDF18

Color Blindness Simulation

Original

#187EDF

Protanopia

#4445C8

Deuteranopia

#3E37C2

Tritanopia

#1DB5B1

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDCF8
300
#90C3F3
400
#55A3ED
500
#1982E6
600
#1468B8
700
#105393
800
#0C4173
900
#0D3154
950
#081F35

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass 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