color #0C84D4 | Chroma Seek

#0C84D4

Color Information

Hex Code

#0C84D4

RGB

12, 132, 212

HSL

204°, 89%, 44%

CSS

#0C84D4

Color Tints

Lighter variations of #0C84D4

#0C84D4

#2490D8

10%

#3D9DDD

20%

#55A9E1

30%

#6DB5E5

40%

#86C2EA

50%

#9ECEEE

60%

#B6DAF2

70%

#CEE6F6

80%

#E7F3FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #0C84D4

#0C84D4

#0B77BF

10%

#0A6AAA

20%

#085C94

30%

#074F7F

40%

#06426A

50%

#053555

60%

#042840

70%

#021A2A

80%

#010D15

90%

#000000

100%

Related Colors

Complementary Color

#D45C0C

Opposite on color wheel

Split-Complementary Colors

#D40C20, #D4C00C

Adjacent to complementary color

Analogous Colors

#0CD4C0, #0C20D4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D40C84, #84D40C

Three colors equally spaced (120° apart)

Tetradic Colors

#5C0CD4, #D45C0C, #84D40C

Rectangle on color wheel (90° apart)

Square Colors

#C00CD4, #D45C0C, #20D40C

Four colors equally spaced (90° apart)

Monochromatic Variations

#B2DDFB, #51B4F5, #074874, #010C13

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#0C84D4

#0CD48E

#2A0CD4

#D45C0C

#D4C00C

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

Triadic + Accent

#0C84D4

#D40C84

#84D40C

#9351F5

#077432

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

Monochromatic + Split Complementary

#0C84D4

#6ABEF6

#05395C

#D40C20

#D4C00C

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

#0C84D4

RGB Values

12, 132, 212

HSL Values

204°, 89%, 44%