color #307AE2 | Chroma Seek

#307AE2

Color Information

Hex Code

#307AE2

RGB

48, 122, 226

HSL

215°, 75%, 54%

CSS

#307AE2

Color Tints

Lighter variations of #307AE2

#307AE2

#4587E5

10%

#5995E8

20%

#6EA2EB

30%

#83AFEE

40%

#98BDF1

50%

#ACCAF3

60%

#C1D7F6

70%

#D6E4F9

80%

#EAF2FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #307AE2

#307AE2

#2B6ECB

10%

#2662B5

20%

#22559E

30%

#1D4988

40%

#183D71

50%

#13315A

60%

#0E2544

70%

#0A182D

80%

#050C17

90%

#000000

100%

Color Tones

Toned variations of #307AE2 (mixed with gray)

#307AE2

#387BD8

10%

#407BCE

20%

#487CC5

30%

#507CBB

40%

#587DB1

50%

#607EA7

60%

#687E9D

70%

#707F94

80%

#787F8A

90%

#808080

100%

Related Colors

Complementary Color

#E29832

Opposite on color wheel

Split-Complementary Colors

#E24032, #D3E232

Adjacent to complementary color

Analogous Colors

#32D3E2, #4032E2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E2327B, #7BE232

Three colors equally spaced (120° apart)

Tetradic Colors

#9832E2, #E29832, #7BE232

Rectangle on color wheel (90° apart)

Square Colors

#E232D3, #E29832, #32E240

Four colors equally spaced (90° apart)

Monochromatic Variations

#E4EEFB, #8BB4EE, #164C98, #091F3E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#307AE2

#32E2C4

#6C32E2

#E29832

#D3E232

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

Triadic + Accent

#307AE2

#E2327B

#7BE232

#C58BEE

#169862

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

Monochromatic + Split Complementary

#307AE2

#A1C3F2

#124181

#E24032

#D3E232

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

#307AE2

RGB Values

48, 122, 226

HSL Values

215°, 75%, 54%