color #B4DEF5 | Chroma Seek

#B4DEF5

Color Information

Hex Code

#B4DEF5

RGB

180, 222, 245

HSL

201°, 76%, 83%

CSS

#B4DEF5

Color Tints

Lighter variations of #B4DEF5

#B4DEF5

#BCE1F6

10%

#C3E5F7

20%

#CBE8F8

30%

#D2EBF9

40%

#DAEFFA

50%

#E1F2FB

60%

#E9F5FC

70%

#F0F8FD

80%

#F8FCFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #B4DEF5

#B4DEF5

#A2C8DD

10%

#90B2C4

20%

#7E9BAC

30%

#6C8593

40%

#5A6F7B

50%

#485962

60%

#36434A

70%

#242C31

80%

#121619

90%

#000000

100%

Related Colors

Complementary Color

#F5CAB3

Opposite on color wheel

Split-Complementary Colors

#F5B3BD, #F5EBB3

Adjacent to complementary color

Analogous Colors

#B3F5EB, #B3BDF5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F5B3DE, #DEF5B3

Three colors equally spaced (120° apart)

Tetradic Colors

#CAB3F5, #F5CAB3, #DEF5B3

Rectangle on color wheel (90° apart)

Square Colors

#EBB3F5, #F5CAB3, #BDF5B3

Four colors equally spaced (90° apart)

Monochromatic Variations

#6FC0EB, #2CA2E2, #1777AB, #0E4867

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#B4DEF5

#B3F5DA

#B9B3F5

#F5CAB3

#F5EBB3

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

Triadic + Accent

#B4DEF5

#F5B3DE

#DEF5B3

#C0A5F3

#59E88B

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

Monochromatic + Split Complementary

#B4DEF5

#BCE1F6

#43ACE5

#F5B3BD

#F5EBB3

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

#B4DEF5

RGB Values

180, 222, 245

HSL Values

201°, 76%, 83%