color #307BAE | Chroma Seek

#307BAE

Color Information

Hex Code

#307BAE

RGB

48, 123, 174

HSL

204°, 57%, 44%

CSS

#307BAE

Color Tints

Lighter variations of #307BAE

#307BAE

#4588B6

10%

#5995BE

20%

#6EA3C6

30%

#83B0CE

40%

#98BDD7

50%

#ACCADF

60%

#C1D7E7

70%

#D6E5EF

80%

#EAF2F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #307BAE

#307BAE

#2B6F9D

10%

#26628B

20%

#22567A

30%

#1D4A68

40%

#183E57

50%

#133146

60%

#0E2534

70%

#0A1923

80%

#050C11

90%

#000000

100%

Color Tones

Toned variations of #307BAE (mixed with gray)

#307BAE

#387CA9

10%

#407CA5

20%

#487DA0

30%

#507D9C

40%

#587E97

50%

#607E92

60%

#687F8E

70%

#707F89

80%

#788085

90%

#808080

100%

Related Colors

Complementary Color

#B06330

Opposite on color wheel

Split-Complementary Colors

#B0303D, #B0A330

Adjacent to complementary color

Analogous Colors

#30B0A3, #303DB0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B0307D, #7DB030

Three colors equally spaced (120° apart)

Tetradic Colors

#6330B0, #B06330, #7DB030

Rectangle on color wheel (90° apart)

Square Colors

#A330B0, #B06330, #3DB030

Four colors equally spaced (90° apart)

Monochromatic Variations

#BFDBED, #6FAED8, #1A4460, #040B10

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#307BAE

#30B083

#4330B0

#B06330

#B0A330

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

Triadic + Accent

#307BAE

#B0307D

#7DB030

#996FD8

#1A6036

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

Monochromatic + Split Complementary

#307BAE

#83B9DD

#15364C

#B0303D

#B0A330

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

#307BAE

RGB Values

48, 123, 174

HSL Values

204°, 57%, 44%