color #0C314F | Chroma Seek

#0C314F

Color Information

Hex Code

#0C314F

RGB

12, 49, 79

HSL

207°, 74%, 18%

CSS

#0C314F

Color Tints

Lighter variations of #0C314F

#0C314F

#244661

10%

#3D5A72

20%

#556F84

30%

#6D8395

40%

#8698A7

50%

#9EADB9

60%

#B6C1CA

70%

#CED6DC

80%

#E7EAED

90%

#FFFFFF

100%

Color Shades

Darker variations of #0C314F

#0C314F

#0B2C47

10%

#0A273F

20%

#082237

30%

#071D2F

40%

#061928

50%

#051420

60%

#040F18

70%

#020A10

80%

#010508

90%

#000000

100%

Related Colors

Complementary Color

#502B0C

Opposite on color wheel

Split-Complementary Colors

#500C0F, #504C0C

Adjacent to complementary color

Analogous Colors

#0C504C, #0C0F50

Adjacent colors on color wheel (30° apart)

Triadic Colors

#500C31, #31500C

Three colors equally spaced (120° apart)

Tetradic Colors

#2B0C50, #502B0C, #31500C

Rectangle on color wheel (90° apart)

Square Colors

#4C0C50, #502B0C, #0F500C

Four colors equally spaced (90° apart)

Monochromatic Variations

#9DCBF0, #5BA8E6, #2083D5, #165A92

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#0C314F

#0C503B

#1A0C50

#502B0C

#504C0C

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

Triadic + Accent

#0C314F

#500C31

#31500C

#5A19A9

#0D592F

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

Monochromatic + Split Complementary

#0C314F

#1D76BF

#0A2943

#500C0F

#504C0C

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

#0C314F

RGB Values

12, 49, 79

HSL Values

207°, 74%, 18%