color #1F78E5 | Chroma Seek

#1F78E5

Color Information

Hex Code

#1F78E5

RGB

31, 120, 229

HSL

213°, 79%, 51%

CSS

#1F78E5

Color Tints

Lighter variations of #1F78E5

#1F78E5

#3586E8

10%

#4C93EA

20%

#62A1ED

30%

#79AEEF

40%

#8FBCF2

50%

#A5C9F5

60%

#BCD7F7

70%

#D2E4FA

80%

#E9F2FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #1F78E5

#1F78E5

#1C6CCE

10%

#1960B7

20%

#1654A0

30%

#134889

40%

#103C73

50%

#0C305C

60%

#092445

70%

#06182E

80%

#030C17

90%

#000000

100%

Related Colors

Complementary Color

#E58C1F

Opposite on color wheel

Split-Complementary Colors

#E5291F, #DBE51F

Adjacent to complementary color

Analogous Colors

#1FDBE5, #291FE5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E51F78, #78E51F

Three colors equally spaced (120° apart)

Tetradic Colors

#8C1FE5, #E58C1F, #78E51F

Rectangle on color wheel (90° apart)

Square Colors

#E51FDB, #E58C1F, #1FE529

Four colors equally spaced (90° apart)

Monochromatic Variations

#D6E6FA, #7BAFEF, #11498D, #061A32

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #1F78E5. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#1F78E5

#1FE5BD

#5B1FE5

#E58C1F

#DBE51F

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

Triadic + Accent

#1F78E5

#E51F78

#78E51F

#BB7BEF

#118D55

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

Monochromatic + Split Complementary

#1F78E5

#91BDF2

#0E3D77

#E5291F

#DBE51F

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

#1F78E5

RGB Values

31, 120, 229

HSL Values

213°, 79%, 51%