color #3063B5 | Chroma Seek

#3063B5

Color Information

Hex Code

#3063B5

RGB

48, 99, 181

HSL

217°, 58%, 45%

CSS

#3063B5

Color Tints

Lighter variations of #3063B5

#3063B5

#4573BC

10%

#5982C4

20%

#6E92CB

30%

#83A1D3

40%

#98B1DA

50%

#ACC1E1

60%

#C1D0E9

70%

#D6E0F0

80%

#EAEFF8

90%

#FFFFFF

100%

Color Shades

Darker variations of #3063B5

#3063B5

#2B59A3

10%

#264F91

20%

#22457F

30%

#1D3B6D

40%

#18325B

50%

#132848

60%

#0E1E36

70%

#0A1424

80%

#050A12

90%

#000000

100%

Related Colors

Complementary Color

#B58230

Opposite on color wheel

Split-Complementary Colors

#B54030, #A6B530

Adjacent to complementary color

Analogous Colors

#30A6B5, #4030B5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B53063, #63B530

Three colors equally spaced (120° apart)

Tetradic Colors

#8230B5, #B58230, #63B530

Rectangle on color wheel (90° apart)

Square Colors

#B530A6, #B58230, #30B540

Four colors equally spaced (90° apart)

Monochromatic Variations

#C3D4EF, #729ADA, #1B3765, #050B14

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3063B5. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3063B5

#30B5A4

#6130B5

#B58230

#A6B530

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

Triadic + Accent

#3063B5

#B53063

#63B530

#B272DA

#1B6548

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

Monochromatic + Split Complementary

#3063B5

#86A8DF

#152C51

#B54030

#A6B530

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

#3063B5

RGB Values

48, 99, 181

HSL Values

217°, 58%, 45%