color #BAE9AC | Chroma Seek

#BAE9AC

Color Information

Hex Code

#BAE9AC

RGB

186, 233, 172

HSL

106°, 58%, 79%

CSS

#BAE9AC

Color Tints

Lighter variations of #BAE9AC

#BAE9AC

#C1EBB4

10%

#C8EDBD

20%

#CFF0C5

30%

#D6F2CD

40%

#DDF4D6

50%

#E3F6DE

60%

#EAF8E6

70%

#F1FBEE

80%

#F8FDF7

90%

#FFFFFF

100%

Color Shades

Darker variations of #BAE9AC

#BAE9AC

#A7D29B

10%

#95BA8A

20%

#82A378

30%

#708C67

40%

#5D7556

50%

#4A5D45

60%

#384634

70%

#252F22

80%

#131711

90%

#000000

100%

Related Colors

Complementary Color

#DAAAE9

Opposite on color wheel

Split-Complementary Colors

#BBAAE9, #E9AAD8

Adjacent to complementary color

Analogous Colors

#D8E9AA, #AAE9BB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AAB9E9, #E9AAB9

Three colors equally spaced (120° apart)

Tetradic Colors

#AAE9DA, #DAAAE9, #E9AAB9

Rectangle on color wheel (90° apart)

Square Colors

#AAD8E9, #DAAAE9, #E9BBAA

Four colors equally spaced (90° apart)

Monochromatic Variations

#87D86E, #56C534, #3C8924, #214D14

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BAE9AC

#E7E9AA

#AAE9CA

#DAAAE9

#E9AAD8

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

Triadic + Accent

#BAE9AC

#AAB9E9

#E9AAB9

#AEEADC

#D3B75A

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

Monochromatic + Split Complementary

#BAE9AC

#CDEFC3

#65CE46

#BBAAE9

#E9AAD8

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

#BAE9AC

RGB Values

186, 233, 172

HSL Values

106°, 58%, 79%