color #0C30D0 | Chroma Seek

#0C30D0

Color Information

Hex Code

#0C30D0

RGB

12, 48, 208

HSL

229°, 89%, 43%

CSS

#0C30D0

Color Tints

Lighter variations of #0C30D0

#0C30D0

#2445D5

10%

#3D59D9

20%

#556EDE

30%

#6D83E3

40%

#8698E8

50%

#9EACEC

60%

#B6C1F1

70%

#CED6F6

80%

#E7EAFA

90%

#FFFFFF

100%

Color Shades

Darker variations of #0C30D0

#0C30D0

#0B2BBB

10%

#0A26A6

20%

#082292

30%

#071D7D

40%

#061868

50%

#051353

60%

#040E3E

70%

#020A2A

80%

#010515

90%

#000000

100%

Related Colors

Complementary Color

#CFAB0C

Opposite on color wheel

Split-Complementary Colors

#CF4A0C, #91CF0C

Adjacent to complementary color

Analogous Colors

#0C91CF, #4A0CCF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CF0C30, #30CF0C

Three colors equally spaced (120° apart)

Tetradic Colors

#AB0CCF, #CFAB0C, #30CF0C

Rectangle on color wheel (90° apart)

Square Colors

#CF0C91, #CFAB0C, #0CCF4A

Four colors equally spaced (90° apart)

Monochromatic Variations

#ADBBFA, #4D6BF5, #061A6F, #01030E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#0C30D0

#0CC2CF

#7B0CCF

#CFAB0C

#91CF0C

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

Triadic + Accent

#0C30D0

#CF0C30

#30CF0C

#D64DF5

#066F5C

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

Monochromatic + Split Complementary

#0C30D0

#657FF6

#051457

#CF4A0C

#91CF0C

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

#0C30D0

RGB Values

12, 48, 208

HSL Values

229°, 89%, 43%