color #186F8C | Chroma Seek

#186F8C

Color Information

Hex Code

#186F8C

RGB

24, 111, 140

HSL

195°, 71%, 32%

CSS

#186F8C

Color Tints

Lighter variations of #186F8C

#186F8C

#2F7D98

10%

#468CA3

20%

#5D9AAF

30%

#74A9BA

40%

#8CB7C6

50%

#A3C5D1

60%

#BAD4DD

70%

#D1E2E8

80%

#E8F1F4

90%

#FFFFFF

100%

Color Shades

Darker variations of #186F8C

#186F8C

#16647E

10%

#135970

20%

#114E62

30%

#0E4354

40%

#0C3846

50%

#0A2C38

60%

#07212A

70%

#05161C

80%

#020B0E

90%

#000000

100%

Related Colors

Complementary Color

#8C3518

Opposite on color wheel

Split-Complementary Colors

#8C1835, #8C6F18

Adjacent to complementary color

Analogous Colors

#188C6F, #18358C

Adjacent colors on color wheel (30° apart)

Triadic Colors

#8C186F, #6F8C18

Three colors equally spaced (120° apart)

Tetradic Colors

#35188C, #8C3518, #6F8C18

Rectangle on color wheel (90° apart)

Square Colors

#6F188C, #8C3518, #358C18

Four colors equally spaced (90° apart)

Monochromatic Variations

#85D1EA, #2EB0DC, #092934, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #186F8C. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#186F8C

#188C52

#18188C

#8C3518

#8C6F18

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#186F8C

#8C186F

#6F8C18

#592EDC

#0F5721

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#186F8C

#43B8DF

#0B3441

#8C1835

#8C6F18

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#186F8C

RGB Values

24, 111, 140

HSL Values

195°, 71%, 32%