color #306AE6 | Chroma Seek

#306AE6

Color Information

Hex Code

#306AE6

RGB

48, 106, 230

HSL

221°, 78%, 55%

CSS

#306AE6

Color Tints

Lighter variations of #306AE6

#306AE6

#4579E9

10%

#5988EB

20%

#6E97EE

30%

#83A6F0

40%

#98B5F3

50%

#ACC3F5

60%

#C1D2F8

70%

#D6E1FA

80%

#EAF0FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #306AE6

#306AE6

#2B5FCF

10%

#2655B8

20%

#224AA1

30%

#1D408A

40%

#183573

50%

#132A5C

60%

#0E2045

70%

#0A152E

80%

#050B17

90%

#000000

100%

Color Tones

Toned variations of #306AE6 (mixed with gray)

#306AE6

#386CDC

10%

#406ED2

20%

#4871C7

30%

#5073BD

40%

#5875B3

50%

#6077A9

60%

#68799F

70%

#707C94

80%

#787E8A

90%

#808080

100%

Related Colors

Complementary Color

#E6AD33

Opposite on color wheel

Split-Complementary Colors

#E65433, #C5E633

Adjacent to complementary color

Analogous Colors

#33C5E6, #5433E6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E6336B, #6BE633

Three colors equally spaced (120° apart)

Tetradic Colors

#AD33E6, #E6AD33, #6BE633

Rectangle on color wheel (90° apart)

Square Colors

#E633C5, #E6AD33, #33E654

Four colors equally spaced (90° apart)

Monochromatic Variations

#E8EFFC, #8EADF1, #14409F, #081B44

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#306AE6

#33E6DA

#8033E6

#E6AD33

#C5E633

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

Triadic + Accent

#306AE6

#E6336B

#6BE633

#D18EF1

#149F73

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

Monochromatic + Split Complementary

#306AE6

#A4BDF4

#113788

#E65433

#C5E633

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

#306AE6

RGB Values

48, 106, 230

HSL Values

221°, 78%, 55%