color #306BA9 | Chroma Seek

#306BA9

Color Information

Hex Code

#306BA9

RGB

48, 107, 169

HSL

211°, 56%, 43%

CSS

#306BA9

Color Tints

Lighter variations of #306BA9

#306BA9

#457AB2

10%

#5989BA

20%

#6E97C3

30%

#83A6CB

40%

#98B5D4

50%

#ACC4DD

60%

#C1D3E5

70%

#D6E1EE

80%

#EAF0F6

90%

#FFFFFF

100%

Color Shades

Darker variations of #306BA9

#306BA9

#2B6098

10%

#265687

20%

#224B76

30%

#1D4065

40%

#183655

50%

#132B44

60%

#0E2033

70%

#0A1522

80%

#050B11

90%

#000000

100%

Color Tones

Toned variations of #306BA9 (mixed with gray)

#306BA9

#386DA5

10%

#406FA1

20%

#48719D

30%

#507399

40%

#587695

50%

#607890

60%

#687A8C

70%

#707C88

80%

#787E84

90%

#808080

100%

Related Colors

Complementary Color

#AB7030

Opposite on color wheel

Split-Complementary Colors

#AB3230, #A9AB30

Adjacent to complementary color

Analogous Colors

#30A9AB, #3230AB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AB306C, #6CAB30

Three colors equally spaced (120° apart)

Tetradic Colors

#7030AB, #AB7030, #6CAB30

Rectangle on color wheel (90° apart)

Square Colors

#AB30A9, #AB7030, #30AB32

Four colors equally spaced (90° apart)

Monochromatic Variations

#BBD3EC, #6C9FD5, #1A3A5B, #03080C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#306BA9

#30AB8E

#5130AB

#AB7030

#A9AB30

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

Triadic + Accent

#306BA9

#AB306C

#6CAB30

#A26CD5

#1A5B3C

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

Monochromatic + Split Complementary

#306BA9

#80ACDB

#142D48

#AB3230

#A9AB30

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

#306BA9

RGB Values

48, 107, 169

HSL Values

211°, 56%, 43%