color #BADEAB | Chroma Seek

#BADEAB

Color Information

Hex Code

#BADEAB

RGB

186, 222, 171

HSL

102°, 44%, 77%

CSS

#BADEAB

Color Tints

Lighter variations of #BADEAB

#BADEAB

#C1E1B3

10%

#C8E5BC

20%

#CFE8C4

30%

#D6EBCD

40%

#DDEFD5

50%

#E3F2DD

60%

#EAF5E6

70%

#F1F8EE

80%

#F8FCF7

90%

#FFFFFF

100%

Color Shades

Darker variations of #BADEAB

#BADEAB

#A7C89A

10%

#95B289

20%

#829B78

30%

#708567

40%

#5D6F56

50%

#4A5944

60%

#384333

70%

#252C22

80%

#131611

90%

#000000

100%

Related Colors

Complementary Color

#CFABDE

Opposite on color wheel

Split-Complementary Colors

#B5ABDE, #DEABD4

Adjacent to complementary color

Analogous Colors

#D4DEAB, #ABDEB5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#ABBADE, #DEABBA

Three colors equally spaced (120° apart)

Tetradic Colors

#ABDECF, #CFABDE, #DEABBA

Rectangle on color wheel (90° apart)

Square Colors

#ABD4DE, #CFABDE, #DEB5AB

Four colors equally spaced (90° apart)

Monochromatic Variations

#8DC973, #63AD43, #43762E, #243E18

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BADEAB

#DEDCAB

#ABDEC2

#CFABDE

#DEABD4

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

Triadic + Accent

#BADEAB

#ABBADE

#DEABBA

#B6E2D5

#C2A561

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

Monochromatic + Split Complementary

#BADEAB

#D2EAC8

#6FBA4F

#B5ABDE

#DEABD4

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

#BADEAB

RGB Values

186, 222, 171

HSL Values

102°, 44%, 77%