color #5BAAE2 | Chroma Seek

#5BAAE2

Color Information

Hex Code

#5BAAE2

RGB

91, 170, 226

HSL

205°, 70%, 62%

CSS

#5BAAE2

Color Tints

Lighter variations of #5BAAE2

#5BAAE2

#6BB3E5

10%

#7CBBE8

20%

#8CC4EB

30%

#9DCCEE

40%

#ADD5F1

50%

#BDDDF3

60%

#CEE6F6

70%

#DEEEF9

80%

#EFF7FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #5BAAE2

#5BAAE2

#5299CB

10%

#4988B5

20%

#40779E

30%

#376688

40%

#2E5571

50%

#24445A

60%

#1B3344

70%

#12222D

80%

#091117

90%

#000000

100%

Related Colors

Complementary Color

#E2935A

Opposite on color wheel

Split-Complementary Colors

#E25A66, #E2D75A

Adjacent to complementary color

Analogous Colors

#5AE2D7, #5A66E2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E25AA9, #A9E25A

Three colors equally spaced (120° apart)

Tetradic Colors

#935AE2, #E2935A, #A9E25A

Rectangle on color wheel (90° apart)

Square Colors

#D75AE2, #E2935A, #66E25A

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B1D6F1, #2078B6, #113F5F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5BAAE2

#5AE2B5

#715AE2

#E2935A

#E2D75A

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

Triadic + Accent

#5BAAE2

#E25AA9

#A9E25A

#C6A8F0

#20B65F

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

Monochromatic + Split Complementary

#5BAAE2

#BEDDF4

#1C69A0

#E25A66

#E2D75A

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

#5BAAE2

RGB Values

91, 170, 226

HSL Values

205°, 70%, 62%