color #1F7DBD | Chroma Seek

#1F7DBD

Color Information

Hex Code

#1F7DBD

RGB

31, 125, 189

HSL

204°, 72%, 43%

CSS

#1F7DBD

Color Tints

Lighter variations of #1F7DBD

#1F7DBD

#358AC4

10%

#4C97CA

20%

#62A4D1

30%

#79B1D7

40%

#8FBEDE

50%

#A5CBE5

60%

#BCD8EB

70%

#D2E5F2

80%

#E9F2F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #1F7DBD

#1F7DBD

#1C71AA

10%

#196497

20%

#165884

30%

#134B71

40%

#103F5F

50%

#0C324C

60%

#092639

70%

#061926

80%

#030D13

90%

#000000

100%

Related Colors

Complementary Color

#BD5E1F

Opposite on color wheel

Split-Complementary Colors

#BD1F2E, #BDAD1F

Adjacent to complementary color

Analogous Colors

#1FBDAD, #1F2EBD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BD1F7D, #7DBD1F

Three colors equally spaced (120° apart)

Tetradic Colors

#5E1FBD, #BD5E1F, #7DBD1F

Rectangle on color wheel (90° apart)

Square Colors

#AD1FBD, #BD5E1F, #2EBD1F

Four colors equally spaced (90° apart)

Monochromatic Variations

#B4DAF3, #5DAEE5, #104365, #02090D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#1F7DBD

#1FBD85

#361FBD

#BD5E1F

#BDAD1F

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

Triadic + Accent

#1F7DBD

#BD1F7D

#7DBD1F

#935DE5

#106532

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

Monochromatic + Split Complementary

#1F7DBD

#73B9E8

#0D354F

#BD1F2E

#BDAD1F

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

#1F7DBD

RGB Values

31, 125, 189

HSL Values

204°, 72%, 43%