#186F8C

#186F8C

Color Values

HEX

#186F8C

RGB

24, 111, 140

HSL

195.0, 70.7%, 32.2%

HSV

195.0, 82.9%, 54.9%

CMYK

82.9%, 20.7%, 0.0%, 45.1%

OKLCH

0.5065 0.0894 226.1

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#186F8C

#8C3518

Analogous

#188C6F

#18358C

#186F8C

Triadic

#186F8C

#8C186F

#6F8C18

Split Complementary

#186F8C

#8C1835

#8C6F18

Tetradic

#186F8C

#6F188C

#8C3518

#358C18

Color Blindness Simulation

Original

#186F8C

Protanopia

#3E3E85

Deuteranopia

#393283

Tritanopia

#1C7F7E

Achromatopsia

#5F5F5F

CSS Usage

background-color: #186F8C;
color: #186F8C;
border-color: #186F8C;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3FAFC
100
#E2F3F8
200
#C2E8F5
300
#97D7ED
400
#5EC2E3
500
#25ADDA
600
#1E8AAE
700
#186E8B
800
#13566D
900
#12404F
950
#0B2832

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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