color #305AAA | Chroma Seek

#305AAA

Color Information

Hex Code

#305AAA

RGB

48, 90, 170

HSL

219°, 56%, 43%

CSS

#305AAA

Color Tints

Lighter variations of #305AAA

#305AAA

#456BB3

10%

#597BBB

20%

#6E8CC4

30%

#839CCC

40%

#98ADD5

50%

#ACBDDD

60%

#C1CEE6

70%

#D6DEEE

80%

#EAEFF7

90%

#FFFFFF

100%

Color Shades

Darker variations of #305AAA

#305AAA

#2B5199

10%

#264888

20%

#223F77

30%

#1D3666

40%

#182D55

50%

#132444

60%

#0E1B33

70%

#0A1222

80%

#050911

90%

#000000

100%

Color Tones

Toned variations of #305AAA (mixed with gray)

#305AAA

#385EA6

10%

#4062A2

20%

#48659D

30%

#506999

40%

#586D95

50%

#607191

60%

#68758D

70%

#707888

80%

#787C84

90%

#808080

100%

Related Colors

Complementary Color

#AB8030

Opposite on color wheel

Split-Complementary Colors

#AB4330, #99AB30

Adjacent to complementary color

Analogous Colors

#3099AB, #4330AB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AB305B, #5BAB30

Three colors equally spaced (120° apart)

Tetradic Colors

#8030AB, #AB8030, #5BAB30

Rectangle on color wheel (90° apart)

Square Colors

#AB3099, #AB8030, #30AB43

Four colors equally spaced (90° apart)

Monochromatic Variations

#BBCCEC, #6C91D5, #1A315B, #03060C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#305AAA

#30AB9F

#6130AB

#AB8030

#99AB30

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

Triadic + Accent

#305AAA

#AB305B

#5BAB30

#B16CD5

#1A5B45

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

Monochromatic + Split Complementary

#305AAA

#80A0DB

#142648

#AB4330

#99AB30

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

#305AAA

RGB Values

48, 90, 170

HSL Values

219°, 56%, 43%