color #1246D3 | Chroma Seek

#1246D3

Color Information

Hex Code

#1246D3

RGB

18, 70, 211

HSL

224°, 84%, 45%

CSS

#1246D3

Color Tints

Lighter variations of #1246D3

#1246D3

#2A59D7

10%

#416BDC

20%

#597EE0

30%

#7190E5

40%

#89A3E9

50%

#A0B5ED

60%

#B8C8F2

70%

#D0DAF6

80%

#E7EDFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #1246D3

#1246D3

#103FBE

10%

#0E38A9

20%

#0D3194

30%

#0B2A7F

40%

#09236A

50%

#071C54

60%

#05153F

70%

#040E2A

80%

#020715

90%

#000000

100%

Related Colors

Complementary Color

#D3A012

Opposite on color wheel

Split-Complementary Colors

#D33F12, #A6D312

Adjacent to complementary color

Analogous Colors

#12A6D3, #3F12D3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D31246, #46D312

Three colors equally spaced (120° apart)

Tetradic Colors

#A012D3, #D3A012, #46D312

Rectangle on color wheel (90° apart)

Square Colors

#D312A6, #D3A012, #12D33F

Four colors equally spaced (90° apart)

Monochromatic Variations

#B9CAF9, #5B83F1, #0A2775, #020817

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#1246D3

#12D3D0

#7012D3

#D3A012

#A6D312

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

Triadic + Accent

#1246D3

#D31246

#46D312

#C95BF1

#0A7559

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

Monochromatic + Split Complementary

#1246D3

#7295F3

#081F5E

#D33F12

#A6D312

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

#1246D3

RGB Values

18, 70, 211

HSL Values

224°, 84%, 45%