color #125678 | Chroma Seek

#125678

Color Information

Hex Code

#125678

RGB

18, 86, 120

HSL

200°, 74%, 27%

CSS

#125678

Color Tints

Lighter variations of #125678

#125678

#2A6786

10%

#417893

20%

#5989A1

30%

#719AAE

40%

#89ABBC

50%

#A0BBC9

60%

#B8CCD7

70%

#D0DDE4

80%

#E7EEF2

90%

#FFFFFF

100%

Color Shades

Darker variations of #125678

#125678

#104D6C

10%

#0E4560

20%

#0D3C54

30%

#0B3448

40%

#092B3C

50%

#072230

60%

#051A24

70%

#041118

80%

#02090C

90%

#000000

100%

Related Colors

Complementary Color

#783412

Opposite on color wheel

Split-Complementary Colors

#781223, #786712

Adjacent to complementary color

Analogous Colors

#127867, #122378

Adjacent colors on color wheel (30° apart)

Triadic Colors

#781256, #567812

Three colors equally spaced (120° apart)

Tetradic Colors

#341278, #783412, #567812

Rectangle on color wheel (90° apart)

Square Colors

#671278, #783412, #237812

Four colors equally spaced (90° apart)

Monochromatic Variations

#6DC0E9, #1F95D1, #05161F, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#125678

#12784D

#1A1278

#783412

#786712

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

Triadic + Accent

#125678

#781256

#567812

#5A1FD1

#0D5926

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

Monochromatic + Split Complementary

#125678

#2AA3DF

#0A3043

#781223

#786712

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

#125678

RGB Values

18, 86, 120

HSL Values

200°, 74%, 27%