color #0C20D4 | Chroma Seek

#0C20D4

Color Information

Hex Code

#0C20D4

RGB

12, 32, 212

HSL

234°, 89%, 44%

CSS

#0C20D4

Color Tints

Lighter variations of #0C20D4

#0C20D4

#2436D8

10%

#3D4DDD

20%

#5563E1

30%

#6D79E5

40%

#8690EA

50%

#9EA6EE

60%

#B6BCF2

70%

#CED2F6

80%

#E7E9FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #0C20D4

#0C20D4

#0B1DBF

10%

#0A1AAA

20%

#081694

30%

#07137F

40%

#06106A

50%

#050D55

60%

#040A40

70%

#02062A

80%

#010315

90%

#000000

100%

Related Colors

Complementary Color

#D4C00C

Opposite on color wheel

Split-Complementary Colors

#D45C0C, #84D40C

Adjacent to complementary color

Analogous Colors

#0C84D4, #5C0CD4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D40C20, #20D40C

Three colors equally spaced (120° apart)

Tetradic Colors

#C00CD4, #D4C00C, #20D40C

Rectangle on color wheel (90° apart)

Square Colors

#D40C84, #D4C00C, #0CD45C

Four colors equally spaced (90° apart)

Monochromatic Variations

#B2B9FB, #5162F5, #071274, #010313

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#0C20D4

#0CB6D4

#8E0CD4

#D4C00C

#84D40C

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

Triadic + Accent

#0C20D4

#D40C20

#20D40C

#E551F5

#077469

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

Monochromatic + Split Complementary

#0C20D4

#6A78F6

#050E5C

#D45C0C

#84D40C

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

#0C20D4

RGB Values

12, 32, 212

HSL Values

234°, 89%, 44%