color #B2CAF5 | Chroma Seek

#B2CAF5

Color Information

Hex Code

#B2CAF5

RGB

178, 202, 245

HSL

219°, 77%, 83%

CSS

#B2CAF5

Color Tints

Lighter variations of #B2CAF5

#B2CAF5

#BACFF6

10%

#C1D5F7

20%

#C9DAF8

30%

#D1DFF9

40%

#D9E5FA

50%

#E0EAFB

60%

#E8EFFC

70%

#F0F4FD

80%

#F7FAFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #B2CAF5

#B2CAF5

#A0B6DD

10%

#8EA2C4

20%

#7D8DAC

30%

#6B7993

40%

#59657B

50%

#475162

60%

#353D4A

70%

#242831

80%

#121419

90%

#000000

100%

Related Colors

Complementary Color

#F5DEB2

Opposite on color wheel

Split-Complementary Colors

#F5BCB2, #EBF5B2

Adjacent to complementary color

Analogous Colors

#B2EBF5, #BCB2F5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F5B2CA, #CAF5B2

Three colors equally spaced (120° apart)

Tetradic Colors

#DEB2F5, #F5DEB2, #CAF5B2

Rectangle on color wheel (90° apart)

Square Colors

#F5B2EB, #F5DEB2, #B2F5BC

Four colors equally spaced (90° apart)

Monochromatic Variations

#6F9BEC, #2B6BE3, #164BAC, #0D2D68

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#B2CAF5

#B2F5EE

#CDB2F5

#F5DEB2

#EBF5B2

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

Triadic + Accent

#B2CAF5

#F5B2CA

#CAF5B2

#D8A5F3

#58E9B6

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

Monochromatic + Split Complementary

#B2CAF5

#BBD0F6

#417BE6

#F5BCB2

#EBF5B2

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

#B2CAF5

RGB Values

178, 202, 245

HSL Values

219°, 77%, 83%