color #3A90E0 | Chroma Seek

#3A90E0

Color Information

Hex Code

#3A90E0

RGB

58, 144, 224

HSL

209°, 73%, 55%

CSS

#3A90E0

Color Tints

Lighter variations of #3A90E0

#3A90E0

#4E9BE3

10%

#61A6E6

20%

#75B1E9

30%

#89BCEC

40%

#9DC8F0

50%

#B0D3F3

60%

#C4DEF6

70%

#D8E9F9

80%

#EBF4FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #3A90E0

#3A90E0

#3482CA

10%

#2E73B3

20%

#29659D

30%

#235686

40%

#1D4870

50%

#173A5A

60%

#112B43

70%

#0C1D2D

80%

#060E16

90%

#000000

100%

Related Colors

Complementary Color

#E08938

Opposite on color wheel

Split-Complementary Colors

#E0383B, #E0DD38

Adjacent to complementary color

Analogous Colors

#38E0DD, #383BE0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E0388F, #8FE038

Three colors equally spaced (120° apart)

Tetradic Colors

#8938E0, #E08938, #8FE038

Rectangle on color wheel (90° apart)

Square Colors

#DD38E0, #E08938, #3BE038

Four colors equally spaced (90° apart)

Monochromatic Variations

#E9F3FC, #91C1EE, #185B9A, #0A2742

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3A90E0

#38E0B3

#6038E0

#E08938

#E0DD38

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

Triadic + Accent

#3A90E0

#E0388F

#8FE038

#BE91EE

#189A57

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

Monochromatic + Split Complementary

#3A90E0

#A7CDF1

#154E84

#E0383B

#E0DD38

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

#3A90E0

RGB Values

58, 144, 224

HSL Values

209°, 73%, 55%