Gradient Page

#6C5B7B

#6C5B7B is the HEX color code for
Salt Box
#6C5B7B

Salt Box

Contrast
Dark
Luminance
39%
Color Conversions
Formats for Salt Box (#6C5B7B) in various color spaces.
#6C5B7B
108, 91, 123
272°, 15%, 42%
12%, 26%, 0%, 52%
0.5, 0.054, 308.6
--color-salt-box: #6C5B7B;

Shades & Tints

#f2f0f4
#d9d3de
#c0b6c9
#a798b3
#8d7b9d
#746284
#5a4c67
#403649
#27212c
#0d0b0f
DarkestBaseLightest

Color Harmonies

Complementary

#6C5B7B
#6a7b5b

Analogous

#5c5b7b
#6C5B7B
#7b5b7a

Triadic

#6C5B7B
#7b6c5b
#5b7b6c

Split Complementary

#6C5B7B
#7a7b5b
#5b7b5c

UI Component Examples

See how #6C5B7B 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 {
  /* Salt Box Base */
  --color-primary: #6C5B7B;
  --color-primary-rgb: 108 91 123;
  --color-primary-hsl: 272 15% 42%;
  
  /* Foreground text color based on contrast */
  --color-primary-foreground: #ffffff;

  /* Shades */
  --color-primary-50:  #f2f0f4;
  --color-primary-100: #d9d3de;
  --color-primary-200: #c0b6c9;
  --color-primary-300: #a798b3;
  --color-primary-400: #8d7b9d;
  --color-primary-500: #746284;
  --color-primary-600: #5a4c67;
  --color-primary-700: #403649;
  --color-primary-800: #27212c;
  --color-primary-900: #0d0b0f;
}

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
#6C5B7B Hex Color | Salt Box sl | UI Color Scheme Generator