color #BADCD3 | Chroma Seek

#BADCD3

Color Information

Hex Code

#BADCD3

RGB

186, 220, 211

HSL

164°, 33%, 80%

CSS

#BADCD3

Color Tints

Lighter variations of #BADCD3

#BADCD3

#C1E0D7

10%

#C8E3DC

20%

#CFE7E0

30%

#D6EAE5

40%

#DDEEE9

50%

#E3F1ED

60%

#EAF5F2

70%

#F1F8F6

80%

#F8FCFB

90%

#FFFFFF

100%

Color Shades

Darker variations of #BADCD3

#BADCD3

#A7C6BE

10%

#95B0A9

20%

#829A94

30%

#70847F

40%

#5D6E6A

50%

#4A5854

60%

#38423F

70%

#252C2A

80%

#131615

90%

#000000

100%

Related Colors

Complementary Color

#DDBBC4

Opposite on color wheel

Split-Complementary Colors

#DDBBD5, #DDC3BB

Adjacent to complementary color

Analogous Colors

#BBDDC3, #BBD5DD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D4BBDD, #DDD4BB

Three colors equally spaced (120° apart)

Tetradic Colors

#BBC4DD, #DDBBC4, #DDD4BB

Rectangle on color wheel (90° apart)

Square Colors

#C3BBDD, #DDBBC4, #D5DDBB

Four colors equally spaced (90° apart)

Monochromatic Variations

#88C3B3, #55AA93, #3C7767, #22443B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BADCD3

#BCDDBB

#BBCDDD

#DDBBC4

#DDC3BB

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

Triadic + Accent

#BADCD3

#D4BBDD

#DDD4BB

#BBC4DD

#89BB77

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

Monochromatic + Split Complementary

#BADCD3

#CCE5DF

#66B29E

#DDBBD5

#DDC3BB

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

#BADCD3

RGB Values

186, 220, 211

HSL Values

164°, 33%, 80%