color #B2BAED | Chroma Seek

#B2BAED

Color Information

Hex Code

#B2BAED

RGB

178, 186, 237

HSL

232°, 62%, 81%

CSS

#B2BAED

Color Tints

Lighter variations of #B2BAED

#B2BAED

#BAC1EF

10%

#C1C8F1

20%

#C9CFF2

30%

#D1D6F4

40%

#D9DDF6

50%

#E0E3F8

60%

#E8EAFA

70%

#F0F1FB

80%

#F7F8FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #B2BAED

#B2BAED

#A0A7D5

10%

#8E95BE

20%

#7D82A6

30%

#6B708E

40%

#595D77

50%

#474A5F

60%

#353847

70%

#24252F

80%

#121318

90%

#000000

100%

Related Colors

Complementary Color

#EDE5B1

Opposite on color wheel

Split-Complementary Colors

#EDC7B1, #D7EDB1

Adjacent to complementary color

Analogous Colors

#B1D7ED, #C7B1ED

Adjacent colors on color wheel (30° apart)

Triadic Colors

#EDB1B9, #B9EDB1

Three colors equally spaced (120° apart)

Tetradic Colors

#E5B1ED, #EDE5B1, #B9EDB1

Rectangle on color wheel (90° apart)

Square Colors

#EDB1D7, #EDE5B1, #B1EDC7

Four colors equally spaced (90° apart)

Monochromatic Variations

#7381DE, #3549D0, #233295, #141D57

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#B2BAED

#B1E6ED

#D6B1ED

#EDE5B1

#D7EDB1

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

Triadic + Accent

#B2BAED

#EDB1B9

#B9EDB1

#E3ACEC

#5ED9C9

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

Monochromatic + Split Complementary

#B2BAED

#C1C7F0

#495CD4

#EDC7B1

#D7EDB1

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

#B2BAED

RGB Values

178, 186, 237

HSL Values

232°, 62%, 81%