color #1F8ACD | Chroma Seek

#1F8ACD

Color Information

Hex Code

#1F8ACD

RGB

31, 138, 205

HSL

203°, 74%, 46%

CSS

#1F8ACD

Color Tints

Lighter variations of #1F8ACD

#1F8ACD

#3596D2

10%

#4CA1D7

20%

#62ADDC

30%

#79B9E1

40%

#8FC5E6

50%

#A5D0EB

60%

#BCDCF0

70%

#D2E8F5

80%

#E9F3FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #1F8ACD

#1F8ACD

#1C7CB9

10%

#196EA4

20%

#166190

30%

#13537B

40%

#104567

50%

#0C3752

60%

#09293E

70%

#061C29

80%

#030E15

90%

#000000

100%

Related Colors

Complementary Color

#CC611E

Opposite on color wheel

Split-Complementary Colors

#CC1E33, #CCB81E

Adjacent to complementary color

Analogous Colors

#1ECCB8, #1E33CC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CC1E8A, #8ACC1E

Three colors equally spaced (120° apart)

Tetradic Colors

#611ECC, #CC611E, #8ACC1E

Rectangle on color wheel (90° apart)

Square Colors

#B81ECC, #CC611E, #33CC1E

Four colors equally spaced (90° apart)

Monochromatic Variations

#C1E1F6, #68B7E8, #114E73, #04121B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#1F8ACD

#1ECC8C

#361ECC

#CC611E

#CCB81E

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

Triadic + Accent

#1F8ACD

#CC1E8A

#8ACC1E

#9968E8

#117337

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

Monochromatic + Split Complementary

#1F8ACD

#7EC2EC

#0E3F5D

#CC1E33

#CCB81E

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

#1F8ACD

RGB Values

31, 138, 205

HSL Values

203°, 74%, 46%