color #BAF7DC | Chroma Seek

#BAF7DC

Color Information

Hex Code

#BAF7DC

RGB

186, 247, 220

HSL

153°, 79%, 85%

CSS

#BAF7DC

Color Tints

Lighter variations of #BAF7DC

#BAF7DC

#C1F8E0

10%

#C8F9E3

20%

#CFF9E7

30%

#D6FAEA

40%

#DDFBEE

50%

#E3FCF1

60%

#EAFDF5

70%

#F1FDF8

80%

#F8FEFC

90%

#FFFFFF

100%

Color Shades

Darker variations of #BAF7DC

#BAF7DC

#A7DEC6

10%

#95C6B0

20%

#82AD9A

30%

#709484

40%

#5D7C6E

50%

#4A6358

60%

#384A42

70%

#25312C

80%

#131916

90%

#000000

100%

Related Colors

Complementary Color

#F7BBD6

Opposite on color wheel

Split-Complementary Colors

#F7BBF4, #F7BEBB

Adjacent to complementary color

Analogous Colors

#BBF7BE, #BBF4F7

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DCBBF7, #F7DCBB

Three colors equally spaced (120° apart)

Tetradic Colors

#BBD6F7, #F7BBD6, #F7DCBB

Rectangle on color wheel (90° apart)

Square Colors

#BEBBF7, #F7BBD6, #F4F7BB

Four colors equally spaced (90° apart)

Monochromatic Variations

#76EFB9, #32E795, #15B76E, #0D7245

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BAF7DC

#C7F7BB

#BBE5F7

#F7BBD6

#F7BEBB

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

Triadic + Accent

#BAF7DC

#DCBBF7

#F7DCBB

#A4C8F4

#9FEC5F

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

Monochromatic + Split Complementary

#BAF7DC

#BBF7DC

#48EAA1

#F7BBF4

#F7BEBB

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

#BAF7DC

RGB Values

186, 247, 220

HSL Values

153°, 79%, 85%