color #284D9C | Chroma Seek

#284D9C

Color Information

Hex Code

#284D9C

RGB

40, 77, 156

HSL

221°, 59%, 38%

CSS

#284D9C

Color Tints

Lighter variations of #284D9C

#284D9C

#3E5FA6

10%

#5371B0

20%

#6982BA

30%

#7E94C4

40%

#94A6CE

50%

#A9B8D7

60%

#BFCAE1

70%

#D4DBEB

80%

#EAEDF5

90%

#FFFFFF

100%

Color Shades

Darker variations of #284D9C

#284D9C

#24458C

10%

#203E7D

20%

#1C366D

30%

#182E5E

40%

#14274E

50%

#101F3E

60%

#0C172F

70%

#080F1F

80%

#040810

90%

#000000

100%

Related Colors

Complementary Color

#9A7628

Opposite on color wheel

Split-Complementary Colors

#9A3D28, #859A28

Adjacent to complementary color

Analogous Colors

#28859A, #3D289A

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9A284C, #4C9A28

Three colors equally spaced (120° apart)

Tetradic Colors

#76289A, #9A7628, #4C9A28

Rectangle on color wheel (90° apart)

Square Colors

#9A2885, #9A7628, #289A3D

Four colors equally spaced (90° apart)

Monochromatic Variations

#A6BBE8, #557DD3, #132449, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #284D9C. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#284D9C

#289A92

#59289A

#9A7628

#859A28

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

Triadic + Accent

#284D9C

#9A284C

#4C9A28

#AB55D3

#15513E

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

Monochromatic + Split Complementary

#284D9C

#698CD8

#101E3D

#9A3D28

#859A28

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

#284D9C

RGB Values

40, 77, 156

HSL Values

221°, 59%, 38%