color #31A4F1 | Chroma Seek

#31A4F1

Color Information

Hex Code

#31A4F1

RGB

49, 164, 241

HSL

204°, 87%, 57%

CSS

#31A4F1

Color Tints

Lighter variations of #31A4F1

#31A4F1

#46ADF2

10%

#5AB6F4

20%

#6FBFF5

30%

#83C8F7

40%

#98D2F8

50%

#ADDBF9

60%

#C1E4FB

70%

#D6EDFC

80%

#EAF6FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #31A4F1

#31A4F1

#2C94D9

10%

#2783C1

20%

#2273A9

30%

#1D6291

40%

#195279

50%

#144260

60%

#0F3148

70%

#0A2130

80%

#051018

90%

#000000

100%

Related Colors

Complementary Color

#F17E32

Opposite on color wheel

Split-Complementary Colors

#F13245, #F1DE32

Adjacent to complementary color

Analogous Colors

#32F1DE, #3245F1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F132A4, #A4F132

Three colors equally spaced (120° apart)

Tetradic Colors

#7E32F1, #F17E32, #A4F132

Rectangle on color wheel (90° apart)

Square Colors

#DE32F1, #F17E32, #45F132

Four colors equally spaced (90° apart)

Monochromatic Variations

#F1F9FE, #91CFF7, #0C6FB0, #063351

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #31A4F1. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#31A4F1

#32F1AE

#4F32F1

#F17E32

#F1DE32

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

Triadic + Accent

#31A4F1

#F132A4

#A4F132

#BA91F7

#0CB04E

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

Monochromatic + Split Complementary

#31A4F1

#A9D9F9

#0B6099

#F13245

#F1DE32

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

#31A4F1

RGB Values

49, 164, 241

HSL Values

204°, 87%, 57%