Gradient Page

#3B7A57

#3B7A57 is the HEX color code for
Amazon
#3B7A57

Amazon

Contrast
Dark
Luminance
39%
Color Conversions
Formats for Amazon (#3B7A57) in various color spaces.
#3B7A57
59, 122, 87
147°, 35%, 35%
52%, 0%, 29%, 52%
0.527, 0.086, 157.3
--color-amazon: #3B7A57;

Shades & Tints

#eef7f2
#cbe6d7
#a9d6bd
#87c5a3
#64b488
#4b9b6f
#3a7856
#29563e
#193425
#08110c
DarkestBaseLightest

Color Harmonies

Complementary

#3B7A57
#783a5c

Analogous

#3d783a
#3B7A57
#3a7875

Triadic

#3B7A57
#563a78
#78563a

Split Complementary

#3B7A57
#753a78
#783a3d

UI Component Examples

See how #3B7A57 looks when applied to real interface components.

Interactive Elements
Surface & Accent
Pro Tip!

Use lighter tints for backgrounds to maintain readability while keeping brand identity.

Status Indicator
Active
# CSS Variables
Copy-paste these variables into your global CSS to use this palette instantly.
:root {
  /* Amazon Base */
  --color-primary: #3B7A57;
  --color-primary-rgb: 59 122 87;
  --color-primary-hsl: 147 35% 35%;
  
  /* Foreground text color based on contrast */
  --color-primary-foreground: #ffffff;

  /* Shades */
  --color-primary-50:  #eef7f2;
  --color-primary-100: #cbe6d7;
  --color-primary-200: #a9d6bd;
  --color-primary-300: #87c5a3;
  --color-primary-400: #64b488;
  --color-primary-500: #4b9b6f;
  --color-primary-600: #3a7856;
  --color-primary-700: #29563e;
  --color-primary-800: #193425;
  --color-primary-900: #08110c;
}

Want more?

We hope you enjoyed this color. Keep reading for more amazing colorful content for developers, designers and creators!
View our entire collection of UI gradientsView all our color names
#3B7A57 Hex Color | Amazon sl | UI Color Scheme Generator