color #0C334C | Chroma Seek

#0C334C

Color Information

Hex Code

#0C334C

RGB

12, 51, 76

HSL

203°, 73%, 17%

CSS

#0C334C

Color Tints

Lighter variations of #0C334C

#0C334C

#24475E

10%

#3D5C70

20%

#557082

30%

#6D8594

40%

#8699A6

50%

#9EADB7

60%

#B6C2C9

70%

#CED6DB

80%

#E7EBED

90%

#FFFFFF

100%

Color Shades

Darker variations of #0C334C

#0C334C

#0B2E44

10%

#0A293D

20%

#082435

30%

#071F2E

40%

#061A26

50%

#05141E

60%

#040F17

70%

#020A0F

80%

#010508

90%

#000000

100%

Related Colors

Complementary Color

#4B240C

Opposite on color wheel

Split-Complementary Colors

#4B0C13, #4B440C

Adjacent to complementary color

Analogous Colors

#0C4B44, #0C134B

Adjacent colors on color wheel (30° apart)

Triadic Colors

#4B0C33, #334B0C

Three colors equally spaced (120° apart)

Tetradic Colors

#240C4B, #4B240C, #334B0C

Rectangle on color wheel (90° apart)

Square Colors

#440C4B, #4B240C, #134B0C

Four colors equally spaced (90° apart)

Monochromatic Variations

#9ACEEF, #57AFE5, #208CCF, #165F8D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#0C334C

#0C4B34

#140C4B

#4B240C

#4B440C

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

Triadic + Accent

#0C334C

#4B0C33

#334B0C

#4E19A3

#0E582A

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

Monochromatic + Split Complementary

#0C334C

#1D7DB9

#0A2D42

#4B0C13

#4B440C

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

#0C334C

RGB Values

12, 51, 76

HSL Values

203°, 73%, 17%