color #B2DAF9 | Chroma Seek

#B2DAF9

Color Information

Hex Code

#B2DAF9

RGB

178, 218, 249

HSL

206°, 86%, 84%

CSS

#B2DAF9

Color Tints

Lighter variations of #B2DAF9

#B2DAF9

#BADEFA

10%

#C1E1FA

20%

#C9E5FB

30%

#D1E9FB

40%

#D9EDFC

50%

#E0F0FD

60%

#E8F4FD

70%

#F0F8FE

80%

#F7FBFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #B2DAF9

#B2DAF9

#A0C4E0

10%

#8EAEC7

20%

#7D99AE

30%

#6B8395

40%

#596D7D

50%

#475764

60%

#35414B

70%

#242C32

80%

#121619

90%

#000000

100%

Related Colors

Complementary Color

#F9D2B3

Opposite on color wheel

Split-Complementary Colors

#F9B3B8, #F9F5B3

Adjacent to complementary color

Analogous Colors

#B3F9F5, #B3B8F9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F9B3DB, #DBF9B3

Three colors equally spaced (120° apart)

Tetradic Colors

#D2B3F9, #F9D2B3, #DBF9B3

Rectangle on color wheel (90° apart)

Square Colors

#F5B3F9, #F9D2B3, #B8F9B3

Four colors equally spaced (90° apart)

Monochromatic Variations

#6CB9F4, #2597EF, #0E6FB9, #094472

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#B2DAF9

#B3F9E3

#C0B3F9

#F9D2B3

#F9F5B3

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

Triadic + Accent

#B2DAF9

#F9B3DB

#DBF9B3

#C6A0F8

#54F299

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

Monochromatic + Split Complementary

#B2DAF9

#B8DDFA

#3DA2F0

#F9B3B8

#F9F5B3

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

#B2DAF9

RGB Values

178, 218, 249

HSL Values

206°, 86%, 84%