color #0C314C | Chroma Seek

#0C314C

Color Information

Hex Code

#0C314C

RGB

12, 49, 76

HSL

205°, 73%, 17%

CSS

#0C314C

Color Tints

Lighter variations of #0C314C

#0C314C

#24465E

10%

#3D5A70

20%

#556F82

30%

#6D8394

40%

#8698A6

50%

#9EADB7

60%

#B6C1C9

70%

#CED6DB

80%

#E7EAED

90%

#FFFFFF

100%

Color Shades

Darker variations of #0C314C

#0C314C

#0B2C44

10%

#0A273D

20%

#082235

30%

#071D2E

40%

#061926

50%

#05141E

60%

#040F17

70%

#020A0F

80%

#010508

90%

#000000

100%

Related Colors

Complementary Color

#4B260C

Opposite on color wheel

Split-Complementary Colors

#4B0C11, #4B460C

Adjacent to complementary color

Analogous Colors

#0C4B46, #0C114B

Adjacent colors on color wheel (30° apart)

Triadic Colors

#4B0C31, #314B0C

Three colors equally spaced (120° apart)

Tetradic Colors

#260C4B, #4B260C, #314B0C

Rectangle on color wheel (90° apart)

Square Colors

#460C4B, #4B260C, #114B0C

Four colors equally spaced (90° apart)

Monochromatic Variations

#9ACBEF, #57AAE5, #2086CF, #165C8D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#0C314C

#0C4B36

#160C4B

#4B260C

#4B460C

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

Triadic + Accent

#0C314C

#4B0C31

#314B0C

#5319A3

#0E582D

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

Monochromatic + Split Complementary

#0C314C

#1D78B9

#0A2B42

#4B0C11

#4B460C

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

#0C314C

RGB Values

12, 49, 76

HSL Values

205°, 73%, 17%