color #0C306F | Chroma Seek

#0C306F

Color Information

Hex Code

#0C306F

RGB

12, 48, 111

HSL

218°, 80%, 24%

CSS

#0C306F

Color Tints

Lighter variations of #0C306F

#0C306F

#24457D

10%

#3D598C

20%

#556E9A

30%

#6D83A9

40%

#8698B7

50%

#9EACC5

60%

#B6C1D4

70%

#CED6E2

80%

#E7EAF1

90%

#FFFFFF

100%

Color Shades

Darker variations of #0C306F

#0C306F

#0B2B64

10%

#0A2659

20%

#08224E

30%

#071D43

40%

#061838

50%

#05132C

60%

#040E21

70%

#020A16

80%

#01050B

90%

#000000

100%

Related Colors

Complementary Color

#6E4A0C

Opposite on color wheel

Split-Complementary Colors

#6E190C, #616E0C

Adjacent to complementary color

Analogous Colors

#0C616E, #190C6E

Adjacent colors on color wheel (30° apart)

Triadic Colors

#6E0C30, #306E0C

Three colors equally spaced (120° apart)

Tetradic Colors

#4A0C6E, #6E4A0C, #306E0C

Rectangle on color wheel (90° apart)

Square Colors

#6E0C61, #6E4A0C, #0C6E19

Four colors equally spaced (90° apart)

Monochromatic Variations

#B6CDF7, #719FEF, #2C71E8, #144EB3

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#0C306F

#0C6E63

#320C6E

#6E4A0C

#616E0C

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

Triadic + Accent

#0C306F

#6E0C30

#306E0C

#8816CA

#0A5C3E

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

Monochromatic + Split Complementary

#0C306F

#1962E1

#081E45

#6E190C

#616E0C

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

#0C306F

RGB Values

12, 48, 111

HSL Values

218°, 80%, 24%