color #31A3D8 | Chroma Seek

#31A3D8

Color Information

Hex Code

#31A3D8

RGB

49, 163, 216

HSL

199°, 68%, 52%

CSS

#31A3D8

Color Tints

Lighter variations of #31A3D8

#31A3D8

#46ACDC

10%

#5AB5E0

20%

#6FBFE4

30%

#83C8E8

40%

#98D1EC

50%

#ADDAEF

60%

#C1E3F3

70%

#D6EDF7

80%

#EAF6FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #31A3D8

#31A3D8

#2C93C2

10%

#2782AD

20%

#227297

30%

#1D6282

40%

#19526C

50%

#144156

60%

#0F3141

70%

#0A212B

80%

#051016

90%

#000000

100%

Related Colors

Complementary Color

#D86631

Opposite on color wheel

Split-Complementary Colors

#D83150, #D8B931

Adjacent to complementary color

Analogous Colors

#31D8B9, #3150D8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D831A3, #A3D831

Three colors equally spaced (120° apart)

Tetradic Colors

#6631D8, #D86631, #A3D831

Rectangle on color wheel (90° apart)

Square Colors

#B931D8, #D86631, #50D831

Four colors equally spaced (90° apart)

Monochromatic Variations

#DDF0F8, #87C9E8, #1A6689, #0A2633

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#31A3D8

#31D890

#3C31D8

#D86631

#D8B931

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

Triadic + Accent

#31A3D8

#D831A3

#A3D831

#A687E8

#1A893D

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

Monochromatic + Split Complementary

#31A3D8

#9CD3EC

#165674

#D83150

#D8B931

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

#31A3D8

RGB Values

49, 163, 216

HSL Values

199°, 68%, 52%