color #3F87D9 | Chroma Seek

#3F87D9

Color Information

Hex Code

#3F87D9

RGB

63, 135, 217

HSL

212°, 67%, 55%

CSS

#3F87D9

Color Tints

Lighter variations of #3F87D9

#3F87D9

#5293DD

10%

#659FE1

20%

#79ABE4

30%

#8CB7E8

40%

#9FC3EC

50%

#B2CFF0

60%

#C5DBF4

70%

#D9E7F7

80%

#ECF3FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #3F87D9

#3F87D9

#397AC3

10%

#326CAE

20%

#2C5F98

30%

#265182

40%

#20446D

50%

#193657

60%

#132941

70%

#0D1B2B

80%

#060E16

90%

#000000

100%

Related Colors

Complementary Color

#D9913F

Opposite on color wheel

Split-Complementary Colors

#D9443F, #D4D93F

Adjacent to complementary color

Analogous Colors

#3FD4D9, #443FD9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D93F87, #87D93F

Three colors equally spaced (120° apart)

Tetradic Colors

#913FD9, #D9913F, #87D93F

Rectangle on color wheel (90° apart)

Square Colors

#D93FD4, #D9913F, #3FD944

Four colors equally spaced (90° apart)

Monochromatic Variations

#EAF2FB, #95BCEA, #1D5595, #0D2540

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3F87D9

#3FD9B8

#6B3FD9

#D9913F

#D4D93F

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

Triadic + Accent

#3F87D9

#D93F87

#87D93F

#C295EA

#1D955D

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

Monochromatic + Split Complementary

#3F87D9

#AACAEE

#194980

#D9443F

#D4D93F

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

#3F87D9

RGB Values

63, 135, 217

HSL Values

212°, 67%, 55%