color #BAD4A8 | Chroma Seek

#BAD4A8

Color Information

Hex Code

#BAD4A8

RGB

186, 212, 168

HSL

95°, 34%, 75%

CSS

#BAD4A8

Color Tints

Lighter variations of #BAD4A8

#BAD4A8

#C1D8B1

10%

#C8DDB9

20%

#CFE1C2

30%

#D6E5CB

40%

#DDEAD4

50%

#E3EEDC

60%

#EAF2E5

70%

#F1F6EE

80%

#F8FBF6

90%

#FFFFFF

100%

Color Shades

Darker variations of #BAD4A8

#BAD4A8

#A7BF97

10%

#95AA86

20%

#829476

30%

#707F65

40%

#5D6A54

50%

#4A5543

60%

#384032

70%

#252A22

80%

#131511

90%

#000000

100%

Related Colors

Complementary Color

#C3AAD5

Opposite on color wheel

Split-Complementary Colors

#ADAAD5, #D5AAD1

Adjacent to complementary color

Analogous Colors

#D1D5AA, #AAD5AD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AABCD5, #D5AABC

Three colors equally spaced (120° apart)

Tetradic Colors

#AAD5C3, #C3AAD5, #D5AABC

Rectangle on color wheel (90° apart)

Square Colors

#AAD1D5, #C3AAD5, #D5ADAA

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #F2F7EE, #86B365, #54783B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BAD4A8

#D5CEAA

#AAD5B8

#C3AAD5

#D5AAD1

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

Triadic + Accent

#BAD4A8

#AABCD5

#D5AABC

#BBDDCF

#B39365

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

Monochromatic + Split Complementary

#BAD4A8

#D7E6CC

#78AB54

#ADAAD5

#D5AAD1

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

#BAD4A8

RGB Values

186, 212, 168

HSL Values

95°, 34%, 75%