color #186DBC | Chroma Seek

#186DBC

Color Information

Hex Code

#186DBC

RGB

24, 109, 188

HSL

209°, 77%, 42%

CSS

#186DBC

Color Tints

Lighter variations of #186DBC

#186DBC

#2F7CC3

10%

#468AC9

20%

#5D99D0

30%

#74A7D7

40%

#8CB6DE

50%

#A3C5E4

60%

#BAD3EB

70%

#D1E2F2

80%

#E8F0F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #186DBC

#186DBC

#1662A9

10%

#135796

20%

#114C84

30%

#0E4171

40%

#0C375E

50%

#0A2C4B

60%

#072138

70%

#051626

80%

#020B13

90%

#000000

100%

Related Colors

Complementary Color

#BE6819

Opposite on color wheel

Split-Complementary Colors

#BE191B, #BEBB19

Adjacent to complementary color

Analogous Colors

#19BEBB, #191BBE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BE196E, #6EBE19

Three colors equally spaced (120° apart)

Tetradic Colors

#6819BE, #BE6819, #6EBE19

Rectangle on color wheel (90° apart)

Square Colors

#BB19BE, #BE6819, #1BBE19

Four colors equally spaced (90° apart)

Monochromatic Variations

#AED2F4, #53A1E9, #0D3A63, #010509

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#186DBC

#19BE92

#3F19BE

#BE6819

#BEBB19

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

Triadic + Accent

#186DBC

#BE196E

#6EBE19

#9C53E9

#0D6337

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

Monochromatic + Split Complementary

#186DBC

#6AADEC

#0A2C4D

#BE191B

#BEBB19

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

#186DBC

RGB Values

24, 109, 188

HSL Values

209°, 77%, 42%