color #12A3D8 | Chroma Seek

#12A3D8

Color Information

Hex Code

#12A3D8

RGB

18, 163, 216

HSL

196°, 85%, 46%

CSS

#12A3D8

Color Tints

Lighter variations of #12A3D8

#12A3D8

#2AACDC

10%

#41B5E0

20%

#59BFE4

30%

#71C8E8

40%

#89D1EC

50%

#A0DAEF

60%

#B8E3F3

70%

#D0EDF7

80%

#E7F6FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #12A3D8

#12A3D8

#1093C2

10%

#0E82AD

20%

#0D7297

30%

#0B6282

40%

#09526C

50%

#074156

60%

#053141

70%

#04212B

80%

#021016

90%

#000000

100%

Related Colors

Complementary Color

#D94712

Opposite on color wheel

Split-Complementary Colors

#D91240, #D9AA12

Adjacent to complementary color

Analogous Colors

#12D9AA, #1240D9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D912A4, #A4D912

Three colors equally spaced (120° apart)

Tetradic Colors

#4712D9, #D94712, #A4D912

Rectangle on color wheel (90° apart)

Square Colors

#AA12D9, #D94712, #40D912

Four colors equally spaced (90° apart)

Monochromatic Variations

#BDE9FA, #5FCBF2, #0A5D7B, #02151C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#12A3D8

#12D979

#1512D9

#D94712

#D9AA12

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

Triadic + Accent

#12A3D8

#D912A4

#A4D912

#865FF2

#0A7B28

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

Monochromatic + Split Complementary

#12A3D8

#76D2F4

#084B63

#D91240

#D9AA12

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

#12A3D8

RGB Values

18, 163, 216

HSL Values

196°, 85%, 46%