color #3DABFB | Chroma Seek

#3DABFB

Color Information

Hex Code

#3DABFB

RGB

61, 171, 251

HSL

205°, 96%, 61%

CSS

#3DABFB

Color Tints

Lighter variations of #3DABFB

#3DABFB

#50B3FB

10%

#64BCFC

20%

#77C4FC

30%

#8BCDFD

40%

#9ED5FD

50%

#B1DDFD

60%

#C5E6FE

70%

#D8EEFE

80%

#ECF7FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #3DABFB

#3DABFB

#379AE2

10%

#3189C9

20%

#2B78B0

30%

#256797

40%

#1F567E

50%

#184464

60%

#12334B

70%

#0C2232

80%

#061119

90%

#000000

100%

Related Colors

Complementary Color

#FB8C3C

Opposite on color wheel

Split-Complementary Colors

#FB3C4C, #FBEB3C

Adjacent to complementary color

Analogous Colors

#3CFBEB, #3C4CFB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FB3CAB, #ABFB3C

Three colors equally spaced (120° apart)

Tetradic Colors

#8C3CFB, #FB8C3C, #ABFB3C

Rectangle on color wheel (90° apart)

Square Colors

#EB3CFB, #FB8C3C, #4CFB3C

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #A0D6FD, #0479CD, #023E69

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3DABFB. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3DABFB

#3CFBBB

#5C3CFB

#FB8C3C

#FBEB3C

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

Triadic + Accent

#3DABFB

#FB3CAB

#ABFB3C

#C49BFD

#04CD58

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

Monochromatic + Split Complementary

#3DABFB

#B4DFFD

#046AB4

#FB3C4C

#FBEB3C

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

#3DABFB

RGB Values

61, 171, 251

HSL Values

205°, 96%, 61%