color #BADE9C | Chroma Seek

#BADE9C

Color Information

Hex Code

#BADE9C

RGB

186, 222, 156

HSL

93°, 50%, 74%

CSS

#BADE9C

Color Tints

Lighter variations of #BADE9C

#BADE9C

#C1E1A6

10%

#C8E5B0

20%

#CFE8BA

30%

#D6EBC4

40%

#DDEFCE

50%

#E3F2D7

60%

#EAF5E1

70%

#F1F8EB

80%

#F8FCF5

90%

#FFFFFF

100%

Color Shades

Darker variations of #BADE9C

#BADE9C

#A7C88C

10%

#95B27D

20%

#829B6D

30%

#70855E

40%

#5D6F4E

50%

#4A593E

60%

#38432F

70%

#252C1F

80%

#131610

90%

#000000

100%

Related Colors

Complementary Color

#C09CDE

Opposite on color wheel

Split-Complementary Colors

#9F9CDE, #DE9CDB

Adjacent to complementary color

Analogous Colors

#DBDE9C, #9CDE9F

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9CB9DE, #DE9CB9

Three colors equally spaced (120° apart)

Tetradic Colors

#9CDEC0, #C09CDE, #DE9CB9

Rectangle on color wheel (90° apart)

Square Colors

#9CDBDE, #C09CDE, #DE9F9C

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #EFF7E8, #84C44F, #52822B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BADE9C

#DED19C

#9CDEAF

#C09CDE

#DE9CDB

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

Triadic + Accent

#BADE9C

#9CB9DE

#DE9CB9

#B3E6CF

#C4904F

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

Monochromatic + Split Complementary

#BADE9C

#D7ECC6

#77BB3E

#9F9CDE

#DE9CDB

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

#BADE9C

RGB Values

186, 222, 156

HSL Values

93°, 50%, 74%