color #0C63D4 | Chroma Seek

#0C63D4

Color Information

Hex Code

#0C63D4

RGB

12, 99, 212

HSL

214°, 89%, 44%

CSS

#0C63D4

Color Tints

Lighter variations of #0C63D4

#0C63D4

#2473D8

10%

#3D82DD

20%

#5592E1

30%

#6DA1E5

40%

#86B1EA

50%

#9EC1EE

60%

#B6D0F2

70%

#CEE0F6

80%

#E7EFFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #0C63D4

#0C63D4

#0B59BF

10%

#0A4FAA

20%

#084594

30%

#073B7F

40%

#06326A

50%

#052855

60%

#041E40

70%

#02142A

80%

#010A15

90%

#000000

100%

Related Colors

Complementary Color

#D47E0C

Opposite on color wheel

Split-Complementary Colors

#D41A0C, #C7D40C

Adjacent to complementary color

Analogous Colors

#0CC7D4, #1A0CD4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D40C63, #63D40C

Three colors equally spaced (120° apart)

Tetradic Colors

#7E0CD4, #D47E0C, #63D40C

Rectangle on color wheel (90° apart)

Square Colors

#D40CC7, #D47E0C, #0CD41A

Four colors equally spaced (90° apart)

Monochromatic Variations

#B2D1FB, #5198F5, #073674, #010913

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#0C63D4

#0CD4AF

#4C0CD4

#D47E0C

#C7D40C

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

Triadic + Accent

#0C63D4

#D40C63

#63D40C

#AE51F5

#077444

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

Monochromatic + Split Complementary

#0C63D4

#6AA7F6

#052B5C

#D41A0C

#C7D40C

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

#0C63D4

RGB Values

12, 99, 212

HSL Values

214°, 89%, 44%