color #BADF77 | Chroma Seek

#BADF77

Color Information

Hex Code

#BADF77

RGB

186, 223, 119

HSL

81°, 62%, 67%

CSS

#BADF77

Color Tints

Lighter variations of #BADF77

#BADF77

#C1E285

10%

#C8E592

20%

#CFE9A0

30%

#D6ECAD

40%

#DDEFBB

50%

#E3F2C9

60%

#EAF5D6

70%

#F1F9E4

80%

#F8FCF1

90%

#FFFFFF

100%

Color Shades

Darker variations of #BADF77

#BADF77

#A7C96B

10%

#95B25F

20%

#829C53

30%

#708647

40%

#5D703C

50%

#4A5930

60%

#384324

70%

#252D18

80%

#13160C

90%

#000000

100%

Related Colors

Complementary Color

#9B77DF

Opposite on color wheel

Split-Complementary Colors

#7786DF, #CF77DF

Adjacent to complementary color

Analogous Colors

#DFCF77, #86DF77

Adjacent colors on color wheel (30° apart)

Triadic Colors

#77BBDF, #DF77BB

Three colors equally spaced (120° apart)

Tetradic Colors

#77DF9B, #9B77DF, #DF77BB

Rectangle on color wheel (90° apart)

Square Colors

#77DFCF, #9B77DF, #DF7786

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E4F2C9, #8EC22E, #52701A

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BADF77

#DFB577

#77DF81

#9B77DF

#CF77DF

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

Triadic + Accent

#BADF77

#77BBDF

#DF77BB

#ACECC3

#C2622E

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

Monochromatic + Split Complementary

#BADF77

#E0F0C1

#7FAE29

#7786DF

#CF77DF

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

#BADF77

RGB Values

186, 223, 119

HSL Values

81°, 62%, 67%