color #3D80EB | Chroma Seek

#3D80EB

Color Information

Hex Code

#3D80EB

RGB

61, 128, 235

HSL

217°, 81%, 58%

CSS

#3D80EB

Color Tints

Lighter variations of #3D80EB

#3D80EB

#508DED

10%

#6499EF

20%

#77A6F1

30%

#8BB3F3

40%

#9EC0F5

50%

#B1CCF7

60%

#C5D9F9

70%

#D8E6FB

80%

#ECF2FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #3D80EB

#3D80EB

#3773D4

10%

#3166BC

20%

#2B5AA5

30%

#254D8D

40%

#1F4076

50%

#18335E

60%

#122647

70%

#0C1A2F

80%

#060D18

90%

#000000

100%

Related Colors

Complementary Color

#EBA83D

Opposite on color wheel

Split-Complementary Colors

#EB513D, #D6EB3D

Adjacent to complementary color

Analogous Colors

#3DD6EB, #513DEB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#EB3D80, #80EB3D

Three colors equally spaced (120° apart)

Tetradic Colors

#A83DEB, #EBA83D, #80EB3D

Rectangle on color wheel (90° apart)

Square Colors

#EB3DD6, #EBA83D, #3DEB51

Four colors equally spaced (90° apart)

Monochromatic Variations

#F6F9FE, #99BCF4, #124FAF, #092553

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3D80EB. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3D80EB

#3DEBD4

#7D3DEB

#EBA83D

#D6EB3D

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

Triadic + Accent

#3D80EB

#EB3D80

#80EB3D

#D299F4

#12AF73

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

Monochromatic + Split Complementary

#3D80EB

#B1CBF7

#104498

#EB513D

#D6EB3D

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

#3D80EB

RGB Values

61, 128, 235

HSL Values

217°, 81%, 58%