color #3D81F5 | Chroma Seek

#3D81F5

Color Information

Hex Code

#3D81F5

RGB

61, 129, 245

HSL

218°, 90%, 60%

CSS

#3D81F5

Color Tints

Lighter variations of #3D81F5

#3D81F5

#508EF6

10%

#649AF7

20%

#77A7F8

30%

#8BB3F9

40%

#9EC0FA

50%

#B1CDFB

60%

#C5D9FC

70%

#D8E6FD

80%

#ECF2FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #3D81F5

#3D81F5

#3774DD

10%

#3167C4

20%

#2B5AAC

30%

#254D93

40%

#1F417B

50%

#183462

60%

#12274A

70%

#0C1A31

80%

#060D19

90%

#000000

100%

Related Colors

Complementary Color

#F5B13D

Opposite on color wheel

Split-Complementary Colors

#F5563D, #DCF53D

Adjacent to complementary color

Analogous Colors

#3DDCF5, #563DF5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F53D81, #81F53D

Three colors equally spaced (120° apart)

Tetradic Colors

#B13DF5, #F5B13D, #81F53D

Rectangle on color wheel (90° apart)

Square Colors

#F53DDC, #F5B13D, #3DF556

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #9EC0FA, #0A4EC2, #052761

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3D81F5

#3DF5DF

#843DF5

#F5B13D

#DCF53D

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

Triadic + Accent

#3D81F5

#F53D81

#81F53D

#D89EFA

#0AC27E

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

Monochromatic + Split Complementary

#3D81F5

#B6D0FB

#0944AA

#F5563D

#DCF53D

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

#3D81F5

RGB Values

61, 129, 245

HSL Values

218°, 90%, 60%