Bay Leaf (#7DA98D)

Bay Leaf is is a color with HEX code #7DA98D, RGB value 125, 169, 141 and HSL coordinates 142°, 20%, 58%. This color is part of a color palette that contains 48 different gradient variations for professional design.

HEX

#7DA98D

RGB

125, 169, 141

HSL

142°, 20%, 58%

CSS Gradients

View All Colors (40)

HEX

#7DA98D

RGB

125, 169, 141

HSL

142°, 20%, 58%

About This Color

Color Bay Leaf (#7DA98D) is a fundamental hue with RGB(125, 169, 141) and HSL(142°, 20%, 58%) values. This comprehensive color page features 48 CSS gradient combinations in multiple directions, complementary color (#A97E9A), rich color harmonies (Analogous, Triadic, Monochromatic, Split-Complementary), and expertly curated similar shades like Oxley, Envy, Amulet, Sea Nymph, Spanish Green, Mantle. Perfect for web design, graphic design, and print projects. Explore all gradient variations, copy CSS code instantly, and discover professional color combinations.

Previous color Next color

View All Colors (1654)

Recommended Colors (16)

Color Palettes & Harmonies

Complementary Color

#A97E9A

The complementary color is the hue located directly opposite the main color on the color wheel. Their combination creates maximum visual contrast and dynamism and is perfect for accent colors.

#A97E9A

Opposite Color Palettes

Opposite Analogous Palette

#a47ea9

#a97ea4

#a97e9a

#a97e8f

#a97e84

Monochromatic (5 HEX)

#588468

#6F9F81

#7DA98D

#8EB49C

#ACC8B6

#588468, #6F9F81, #7DA98D, #8EB49C, #ACC8B6

Analogous (5 HEX)

#84A97E

#7EA983

#7DA98D

#7EA999

#7EA9A4

#84A97E, #7EA983, #7DA98D, #7EA999, #7EA9A4

Triadic (5 HEX)

#7DA98D

#746293

#8E7EA9

#937462

#A98E7E

#7DA98D, #746293, #8E7EA9, #937462, #A98E7E

Split Complementary (5 HEX)

#7DA98D

#A47EA9

#A97E84

#8C6293

#936268

#7DA98D, #A47EA9, #A97E84, #8C6293, #936268

Tints (Lighter) (5 HEX)

#7DA98D

#91B69E

#A3C2AE

#B9D0C1

#CBDCD1

#7DA98D, #91B69E, #A3C2AE, #B9D0C1, #CBDCD1

Shades (Darker) (5 HEX)

#7DA98D

#649676

#50775E

#3D5C48

#293D30

#7DA98D, #649676, #50775E, #3D5C48, #293D30

Color Videos (Gradient Animations)

Complementary Gradient

Animated gradient video showcasing color harmony

Analogous Gradient

Animated gradient video showcasing color harmony

Triadic Gradient

Animated gradient video showcasing color harmony

All Gradient Variations (48)

complementary 0°