color #486DCC | Chroma Seek

#486DCC

Color Information

Hex Code

#486DCC

RGB

72, 109, 204

HSL

223°, 56%, 54%

CSS

#486DCC

Color Tints

Lighter variations of #486DCC

#486DCC

#5A7CD1

10%

#6D8AD6

20%

#7F99DB

30%

#91A7E0

40%

#A4B6E6

50%

#B6C5EB

60%

#C8D3F0

70%

#DAE2F5

80%

#EDF0FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #486DCC

#486DCC

#4162B8

10%

#3A57A3

20%

#324C8F

30%

#2B417A

40%

#243766

50%

#1D2C52

60%

#16213D

70%

#0E1629

80%

#070B14

90%

#000000

100%

Related Colors

Complementary Color

#CBA648

Opposite on color wheel

Split-Complementary Colors

#CB6448, #AFCB48

Adjacent to complementary color

Analogous Colors

#48AFCB, #6448CB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CB486D, #6DCB48

Three colors equally spaced (120° apart)

Tetradic Colors

#A648CB, #CBA648, #6DCB48

Rectangle on color wheel (90° apart)

Square Colors

#CB48AF, #CBA648, #48CB64

Four colors equally spaced (90° apart)

Monochromatic Variations

#E7ECF8, #98ADE2, #264287, #101B38

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #486DCC. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#486DCC

#48CBC7

#8548CB

#CBA648

#AFCB48

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

Triadic + Accent

#486DCC

#CB486D

#6DCB48

#CD98E2

#26876C

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

Monochromatic + Split Complementary

#486DCC

#ABBCE7

#213873

#CB6448

#AFCB48

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

#486DCC

RGB Values

72, 109, 204

HSL Values

223°, 56%, 54%