#186EB4

#186EB4

Color Values

HEX

#186EB4

RGB

24, 110, 180

HSL

206.9, 76.5%, 40.0%

HSV

206.9, 86.7%, 70.6%

CMYK

86.7%, 38.9%, 0.0%, 29.4%

OKLCH

0.5265 0.1342 249.0

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#186EB4

#B45E18

Analogous

#18B4AC

#1820B4

#186EB4

Triadic

#186EB4

#B4186E

#6EB418

Split Complementary

#186EB4

#B41820

#B4AC18

Tetradic

#186EB4

#AC18B4

#B45E18

#20B418

Color Blindness Simulation

Original

#186EB4

Protanopia

#3D3EA3

Deuteranopia

#38329F

Tritanopia

#1C9693

Achromatopsia

#616161

CSS Usage

background-color: #186EB4;
color: #186EB4;
border-color: #186EB4;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F8FC
100
#E2EEF9
200
#C0DEF7
300
#93C7F1
400
#58A8E9
500
#1E8AE1
600
#186EB4
700
#135890
800
#0F4571
900
#0F3452
950
#0A2134

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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