color #BAF4A8 | Chroma Seek

#BAF4A8

Color Information

Hex Code

#BAF4A8

RGB

186, 244, 168

HSL

106°, 78%, 81%

CSS

#BAF4A8

Color Tints

Lighter variations of #BAF4A8

#BAF4A8

#C1F5B1

10%

#C8F6B9

20%

#CFF7C2

30%

#D6F8CB

40%

#DDFAD4

50%

#E3FBDC

60%

#EAFCE5

70%

#F1FDEE

80%

#F8FEF6

90%

#FFFFFF

100%

Color Shades

Darker variations of #BAF4A8

#BAF4A8

#A7DC97

10%

#95C386

20%

#82AB76

30%

#709265

40%

#5D7A54

50%

#4A6243

60%

#384932

70%

#253122

80%

#131811

90%

#000000

100%

Related Colors

Complementary Color

#E3A9F4

Opposite on color wheel

Split-Complementary Colors

#BDA9F4, #F4A9E0

Adjacent to complementary color

Analogous Colors

#E0F4A9, #A9F4BD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#A9BAF4, #F4A9BA

Three colors equally spaced (120° apart)

Tetradic Colors

#A9F4E3, #E3A9F4, #F4A9BA

Rectangle on color wheel (90° apart)

Square Colors

#A9E0F4, #E3A9F4, #F4BDA9

Four colors equally spaced (90° apart)

Monochromatic Variations

#84EC65, #4EE421, #36A314, #1F5F0C

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BAF4A8

#F3F4A9

#A9F4D0

#E3A9F4

#F4A9E0

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

Triadic + Accent

#BAF4A8

#A9BAF4

#F4A9BA

#A4F4E1

#E9C54E

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

Monochromatic + Split Complementary

#BAF4A8

#C9F7BB

#60E637

#BDA9F4

#F4A9E0

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

#BAF4A8

RGB Values

186, 244, 168

HSL Values

106°, 78%, 81%