color #1F76B9 | Chroma Seek

#1F76B9

Color Information

Hex Code

#1F76B9

RGB

31, 118, 185

HSL

206°, 71%, 42%

CSS

#1F76B9

Color Tints

Lighter variations of #1F76B9

#1F76B9

#3584C0

10%

#4C91C7

20%

#629FCE

30%

#79ADD5

40%

#8FBBDC

50%

#A5C8E3

60%

#BCD6EA

70%

#D2E4F1

80%

#E9F1F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #1F76B9

#1F76B9

#1C6AA7

10%

#195E94

20%

#165382

30%

#13476F

40%

#103B5D

50%

#0C2F4A

60%

#092338

70%

#061825

80%

#030C13

90%

#000000

100%

Related Colors

Complementary Color

#B7611F

Opposite on color wheel

Split-Complementary Colors

#B71F29, #B7AD1F

Adjacent to complementary color

Analogous Colors

#1FB7AD, #1F29B7

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B71F75, #75B71F

Three colors equally spaced (120° apart)

Tetradic Colors

#611FB7, #B7611F, #75B71F

Rectangle on color wheel (90° apart)

Square Colors

#AD1FB7, #B7611F, #29B71F

Four colors equally spaced (90° apart)

Monochromatic Variations

#B1D5F2, #59A7E3, #103D60, #010609

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#1F76B9

#1FB787

#3B1FB7

#B7611F

#B7AD1F

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

Triadic + Accent

#1F76B9

#B71F75

#75B71F

#9559E3

#106033

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

Monochromatic + Split Complementary

#1F76B9

#6FB3E7

#0D2F4A

#B71F29

#B7AD1F

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

#1F76B9

RGB Values

31, 118, 185

HSL Values

206°, 71%, 42%