color #0C86C3 | Chroma Seek

#0C86C3

Color Information

Hex Code

#0C86C3

RGB

12, 134, 195

HSL

200°, 88%, 41%

CSS

#0C86C3

Color Tints

Lighter variations of #0C86C3

#0C86C3

#2492C9

10%

#3D9ECF

20%

#55AAD5

30%

#6DB6DB

40%

#86C3E1

50%

#9ECFE7

60%

#B6DBED

70%

#CEE7F3

80%

#E7F3F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #0C86C3

#0C86C3

#0B79B0

10%

#0A6B9C

20%

#085E89

30%

#075075

40%

#064362

50%

#05364E

60%

#04283B

70%

#021B27

80%

#010D14

90%

#000000

100%

Related Colors

Complementary Color

#C54A0D

Opposite on color wheel

Split-Complementary Colors

#C50D2B, #C5A60D

Adjacent to complementary color

Analogous Colors

#0DC5A6, #0D2BC5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C50D87, #87C50D

Three colors equally spaced (120° apart)

Tetradic Colors

#4A0DC5, #C54A0D, #87C50D

Rectangle on color wheel (90° apart)

Square Colors

#A60DC5, #C54A0D, #2BC50D

Four colors equally spaced (90° apart)

Monochromatic Variations

#A4DDF9, #44B9F3, #064565, #000305

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #0C86C3. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#0C86C3

#0DC578

#1C0DC5

#C54A0D

#C5A60D

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

Triadic + Accent

#0C86C3

#C50D87

#87C50D

#7E44F3

#066526

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

Monochromatic + Split Complementary

#0C86C3

#5CC2F5

#05354D

#C50D2B

#C5A60D

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

#0C86C3

RGB Values

12, 134, 195

HSL Values

200°, 88%, 41%