color #30779C | Chroma Seek

#30779C

Color Information

Hex Code

#30779C

RGB

48, 119, 156

HSL

201°, 53%, 40%

CSS

#30779C

Color Tints

Lighter variations of #30779C

#30779C

#4585A6

10%

#5992B0

20%

#6EA0BA

30%

#83ADC4

40%

#98BBCE

50%

#ACC9D7

60%

#C1D6E1

70%

#D6E4EB

80%

#EAF1F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #30779C

#30779C

#2B6B8C

10%

#265F7D

20%

#22536D

30%

#1D475E

40%

#183C4E

50%

#13303E

60%

#0E242F

70%

#0A181F

80%

#050C10

90%

#000000

100%

Related Colors

Complementary Color

#9C5630

Opposite on color wheel

Split-Complementary Colors

#9C3040, #9C8C30

Adjacent to complementary color

Analogous Colors

#309C8C, #30409C

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9C3076, #769C30

Three colors equally spaced (120° apart)

Tetradic Colors

#56309C, #9C5630, #769C30

Rectangle on color wheel (90° apart)

Square Colors

#8C309C, #9C5630, #409C30

Four colors equally spaced (90° apart)

Monochromatic Variations

#B1D4E7, #63A9CF, #183B4E, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #30779C. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#30779C

#309C71

#3B309C

#9C5630

#9C8C30

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

Triadic + Accent

#30779C

#9C3076

#769C30

#8963CF

#184E2B

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

Monochromatic + Split Complementary

#30779C

#76B4D5

#122C3B

#9C3040

#9C8C30

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

#30779C

RGB Values

48, 119, 156

HSL Values

201°, 53%, 40%