color #3863F0 | Chroma Seek

#3863F0

Color Information

Hex Code

#3863F0

RGB

56, 99, 240

HSL

226°, 86%, 58%

CSS

#3863F0

Color Tints

Lighter variations of #3863F0

#3863F0

#4C73F2

10%

#6082F3

20%

#7492F5

30%

#88A1F6

40%

#9CB1F8

50%

#AFC1F9

60%

#C3D0FB

70%

#D7E0FC

80%

#EBEFFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #3863F0

#3863F0

#3259D8

10%

#2D4FC0

20%

#2745A8

30%

#223B90

40%

#1C3278

50%

#162860

60%

#111E48

70%

#0B1430

80%

#060A18

90%

#000000

100%

Related Colors

Complementary Color

#F0C538

Opposite on color wheel

Split-Complementary Colors

#F06938, #BFF038

Adjacent to complementary color

Analogous Colors

#38BFF0, #6938F0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F03863, #63F038

Three colors equally spaced (120° apart)

Tetradic Colors

#C538F0, #F0C538, #63F038

Rectangle on color wheel (90° apart)

Square Colors

#F038BF, #F0C538, #38F069

Four colors equally spaced (90° apart)

Monochromatic Variations

#F6F8FE, #97ADF7, #0E34B4, #061955

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3863F0. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3863F0

#38EDF0

#9738F0

#F0C538

#BFF038

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

Triadic + Accent

#3863F0

#F03863

#63F038

#E197F7

#0EB48D

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

Monochromatic + Split Complementary

#3863F0

#AEC0F9

#0C2E9D

#F06938

#BFF038

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

#3863F0

RGB Values

56, 99, 240

HSL Values

226°, 86%, 58%