color #B4DDA8 | Chroma Seek

#B4DDA8

Color Information

Hex Code

#B4DDA8

RGB

180, 221, 168

HSL

106°, 44%, 76%

CSS

#B4DDA8

Color Tints

Lighter variations of #B4DDA8

#B4DDA8

#BCE0B1

10%

#C3E4B9

20%

#CBE7C2

30%

#D2EBCB

40%

#DAEED4

50%

#E1F1DC

60%

#E9F5E5

70%

#F0F8EE

80%

#F8FCF6

90%

#FFFFFF

100%

Color Shades

Darker variations of #B4DDA8

#B4DDA8

#A2C797

10%

#90B186

20%

#7E9B76

30%

#6C8565

40%

#5A6F54

50%

#485843

60%

#364232

70%

#242C22

80%

#121611

90%

#000000

100%

Related Colors

Complementary Color

#D0A7DD

Opposite on color wheel

Split-Complementary Colors

#B5A7DD, #DDA7CE

Adjacent to complementary color

Analogous Colors

#CEDDA7, #A7DDB5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A7B3DD, #DDA7B3

Three colors equally spaced (120° apart)

Tetradic Colors

#A7DDD0, #D0A7DD, #DDA7B3

Rectangle on color wheel (90° apart)

Square Colors

#A7CEDD, #D0A7DD, #DDB5A7

Four colors equally spaced (90° apart)

Monochromatic Variations

#84C770, #5AA942, #3C722C, #1F3B17

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#B4DDA8

#DCDDA7

#A7DDC3

#D0A7DD

#DDA7CE

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

Triadic + Accent

#B4DDA8

#A7B3DD

#DDA7B3

#B6E2D8

#C0A95D

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

Monochromatic + Split Complementary

#B4DDA8

#D0EAC8

#65B94B

#B5A7DD

#DDA7CE

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

#B4DDA8

RGB Values

180, 221, 168

HSL Values

106°, 44%, 76%