color #BAF145 | Chroma Seek

#BAF145

Color Information

Hex Code

#BAF145

RGB

186, 241, 69

HSL

79°, 86%, 61%

CSS

#BAF145

Color Tints

Lighter variations of #BAF145

#BAF145

#C1F258

10%

#C8F46A

20%

#CFF57D

30%

#D6F78F

40%

#DDF8A2

50%

#E3F9B5

60%

#EAFBC7

70%

#F1FCDA

80%

#F8FEEC

90%

#FFFFFF

100%

Color Shades

Darker variations of #BAF145

#BAF145

#A7D93E

10%

#95C137

20%

#82A930

30%

#709129

40%

#5D7923

50%

#4A601C

60%

#384815

70%

#25300E

80%

#131807

90%

#000000

100%

Related Colors

Complementary Color

#7C46F1

Opposite on color wheel

Split-Complementary Colors

#4665F1, #D246F1

Adjacent to complementary color

Analogous Colors

#F1D246, #65F146

Adjacent colors on color wheel (30° apart)

Triadic Colors

#46BBF1, #F146BB

Three colors equally spaced (120° apart)

Tetradic Colors

#46F17C, #7C46F1, #F146BB

Rectangle on color wheel (90° apart)

Square Colors

#46F1D2, #7C46F1, #F14665

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #DEF8A5, #8AC20F, #466407

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BAF145

#F1A746

#46F151

#7C46F1

#D246F1

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

Triadic + Accent

#BAF145

#46BBF1

#F146BB

#A0F8BC

#C2480F

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

Monochromatic + Split Complementary

#BAF145

#E5FAB8

#79AB0D

#4665F1

#D246F1

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

#BAF145

RGB Values

186, 241, 69

HSL Values

79°, 86%, 61%