color #1F76BD | Chroma Seek

#1F76BD

Color Information

Hex Code

#1F76BD

RGB

31, 118, 189

HSL

207°, 72%, 43%

CSS

#1F76BD

Color Tints

Lighter variations of #1F76BD

#1F76BD

#3584C4

10%

#4C91CA

20%

#629FD1

30%

#79ADD7

40%

#8FBBDE

50%

#A5C8E5

60%

#BCD6EB

70%

#D2E4F2

80%

#E9F1F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #1F76BD

#1F76BD

#1C6AAA

10%

#195E97

20%

#165384

30%

#134771

40%

#103B5F

50%

#0C2F4C

60%

#092339

70%

#061826

80%

#030C13

90%

#000000

100%

Related Colors

Complementary Color

#BD661F

Opposite on color wheel

Split-Complementary Colors

#BD1F27, #BDB51F

Adjacent to complementary color

Analogous Colors

#1FBDB5, #1F27BD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BD1F76, #76BD1F

Three colors equally spaced (120° apart)

Tetradic Colors

#661FBD, #BD661F, #76BD1F

Rectangle on color wheel (90° apart)

Square Colors

#B51FBD, #BD661F, #27BD1F

Four colors equally spaced (90° apart)

Monochromatic Variations

#B4D7F3, #5DA7E5, #103F65, #02080D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#1F76BD

#1FBD8D

#3E1FBD

#BD661F

#BDB51F

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

Triadic + Accent

#1F76BD

#BD1F76

#76BD1F

#9A5DE5

#106536

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

Monochromatic + Split Complementary

#1F76BD

#73B3E8

#0D314F

#BD1F27

#BDB51F

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

#1F76BD

RGB Values

31, 118, 189

HSL Values

207°, 72%, 43%