color #1F77D6 | Chroma Seek

#1F77D6

Color Information

Hex Code

#1F77D6

RGB

31, 119, 214

HSL

211°, 75%, 48%

CSS

#1F77D6

Color Tints

Lighter variations of #1F77D6

#1F77D6

#3585DA

10%

#4C92DE

20%

#62A0E2

30%

#79ADE6

40%

#8FBBEB

50%

#A5C9EF

60%

#BCD6F3

70%

#D2E4F7

80%

#E9F1FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #1F77D6

#1F77D6

#1C6BC1

10%

#195FAB

20%

#165396

30%

#134780

40%

#103C6B

50%

#0C3056

60%

#092440

70%

#06182B

80%

#030C15

90%

#000000

100%

Related Colors

Complementary Color

#D67D1F

Opposite on color wheel

Split-Complementary Colors

#D6221F, #D3D61F

Adjacent to complementary color

Analogous Colors

#1FD3D6, #221FD6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D61F77, #77D61F

Three colors equally spaced (120° apart)

Tetradic Colors

#7D1FD6, #D67D1F, #77D61F

Rectangle on color wheel (90° apart)

Square Colors

#D61FD3, #D67D1F, #1FD622

Four colors equally spaced (90° apart)

Monochromatic Variations

#C9E0F7, #70ABEB, #12467D, #051424

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#1F77D6

#1FD6AB

#501FD6

#D67D1F

#D3D61F

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

Triadic + Accent

#1F77D6

#D61F77

#77D61F

#AF70EB

#127D49

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

Monochromatic + Split Complementary

#1F77D6

#87B8EE

#0F3967

#D6221F

#D3D61F

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

#1F77D6

RGB Values

31, 119, 214

HSL Values

211°, 75%, 48%