color #B2D4A8 | Chroma Seek

#B2D4A8

Color Information

Hex Code

#B2D4A8

RGB

178, 212, 168

HSL

106°, 34%, 75%

CSS

#B2D4A8

Color Tints

Lighter variations of #B2D4A8

#B2D4A8

#BAD8B1

10%

#C1DDB9

20%

#C9E1C2

30%

#D1E5CB

40%

#D9EAD4

50%

#E0EEDC

60%

#E8F2E5

70%

#F0F6EE

80%

#F7FBF6

90%

#FFFFFF

100%

Color Shades

Darker variations of #B2D4A8

#B2D4A8

#A0BF97

10%

#8EAA86

20%

#7D9476

30%

#6B7F65

40%

#596A54

50%

#475543

60%

#354032

70%

#242A22

80%

#121511

90%

#000000

100%

Related Colors

Complementary Color

#CBAAD5

Opposite on color wheel

Split-Complementary Colors

#B5AAD5, #D5AAC9

Adjacent to complementary color

Analogous Colors

#C9D5AA, #AAD5B5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AAB4D5, #D5AAB4

Three colors equally spaced (120° apart)

Tetradic Colors

#AAD5CB, #CBAAD5, #D5AAB4

Rectangle on color wheel (90° apart)

Square Colors

#AAC9D5, #CBAAD5, #D5B5AA

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #F0F7EE, #77B365, #49783B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#B2D4A8

#D4D5AA

#AAD5C0

#CBAAD5

#D5AAC9

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

Triadic + Accent

#B2D4A8

#AAB4D5

#D5AAB4

#BBDDD5

#B3A165

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

Monochromatic + Split Complementary

#B2D4A8

#D2E6CC

#68AB54

#B5AAD5

#D5AAC9

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

#B2D4A8

RGB Values

178, 212, 168

HSL Values

106°, 34%, 75%