color #BAF0A3 | Chroma Seek

#BAF0A3

Color Information

Hex Code

#BAF0A3

RGB

186, 240, 163

HSL

102°, 72%, 79%

CSS

#BAF0A3

Color Tints

Lighter variations of #BAF0A3

#BAF0A3

#C1F2AC

10%

#C8F3B5

20%

#CFF5BF

30%

#D6F6C8

40%

#DDF8D1

50%

#E3F9DA

60%

#EAFBE3

70%

#F1FCED

80%

#F8FEF6

90%

#FFFFFF

100%

Color Shades

Darker variations of #BAF0A3

#BAF0A3

#A7D893

10%

#95C082

20%

#82A872

30%

#709062

40%

#5D7852

50%

#4A6041

60%

#384831

70%

#253021

80%

#131810

90%

#000000

100%

Related Colors

Complementary Color

#D9A3F0

Opposite on color wheel

Split-Complementary Colors

#B2A3F0, #F0A3E1

Adjacent to complementary color

Analogous Colors

#E1F0A3, #A3F0B2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A3BAF0, #F0A3BA

Three colors equally spaced (120° apart)

Tetradic Colors

#A3F0D9, #D9A3F0, #F0A3BA

Rectangle on color wheel (90° apart)

Square Colors

#A3E1F0, #D9A3F0, #F0B2A3

Four colors equally spaced (90° apart)

Monochromatic Variations

#89E561, #59D723, #3E9518, #22530E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BAF0A3

#F0ECA3

#A3F0C6

#D9A3F0

#F0A3E1

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

Triadic + Accent

#BAF0A3

#A3BAF0

#F0A3BA

#A7F1DB

#E2B54B

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

Monochromatic + Split Complementary

#BAF0A3

#CEF4BD

#68DE35

#B2A3F0

#F0A3E1

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

#BAF0A3

RGB Values

186, 240, 163

HSL Values

102°, 72%, 79%