color #0C3144 | Chroma Seek

#0C3144

Color Information

Hex Code

#0C3144

RGB

12, 49, 68

HSL

200°, 70%, 16%

CSS

#0C3144

Color Tints

Lighter variations of #0C3144

#0C3144

#244657

10%

#3D5A69

20%

#556F7C

30%

#6D838F

40%

#8698A2

50%

#9EADB4

60%

#B6C1C7

70%

#CED6DA

80%

#E7EAEC

90%

#FFFFFF

100%

Color Shades

Darker variations of #0C3144

#0C3144

#0B2C3D

10%

#0A2736

20%

#082230

30%

#071D29

40%

#061922

50%

#05141B

60%

#040F14

70%

#020A0E

80%

#010507

90%

#000000

100%

Related Colors

Complementary Color

#451F0C

Opposite on color wheel

Split-Complementary Colors

#450C16, #453C0C

Adjacent to complementary color

Analogous Colors

#0C453C, #0C1645

Adjacent colors on color wheel (30° apart)

Triadic Colors

#450C32, #32450C

Three colors equally spaced (120° apart)

Tetradic Colors

#1F0C45, #451F0C, #32450C

Rectangle on color wheel (90° apart)

Square Colors

#3C0C45, #451F0C, #16450C

Four colors equally spaced (90° apart)

Monochromatic Variations

#97D0ED, #56B3E1, #2391C7, #186186

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#0C3144

#0C452E

#110C45

#451F0C

#453C0C

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

Triadic + Accent

#0C3144

#450C32

#32450C

#461C9C

#0F5727

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

Monochromatic + Split Complementary

#0C3144

#1F81B2

#0B2F41

#450C16

#453C0C

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

#0C3144

RGB Values

12, 49, 68

HSL Values

200°, 70%, 16%