Gradient Page

#2E1437

#2E1437 is the HEX color code for
Revolver
#2E1437

Revolver

Contrast
Dark
Luminance
12%
Color Conversions
Formats for Revolver (#2E1437) in various color spaces.
#2E1437
46, 20, 55
285°, 47%, 15%
16%, 64%, 0%, 78%
0.247, 0.071, 316.7
--color-revolver: #2E1437;

Shades & Tints

#f5ecf8
#e2c7eb
#cea1dd
#bb7cd0
#a756c2
#8e3da9
#6e2f83
#4f225e
#2f1438
#100713
DarkestBaseLightest

Color Harmonies

Complementary

#2E1437
#1d3814

Analogous

#1d1438
#2E1437
#38142f

Triadic

#2E1437
#382f14
#14382f

Split Complementary

#2E1437
#2f3814
#14381d

UI Component Examples

See how #2E1437 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 {
  /* Revolver Base */
  --color-primary: #2E1437;
  --color-primary-rgb: 46 20 55;
  --color-primary-hsl: 285 47% 15%;
  
  /* Foreground text color based on contrast */
  --color-primary-foreground: #ffffff;

  /* Shades */
  --color-primary-50:  #f5ecf8;
  --color-primary-100: #e2c7eb;
  --color-primary-200: #cea1dd;
  --color-primary-300: #bb7cd0;
  --color-primary-400: #a756c2;
  --color-primary-500: #8e3da9;
  --color-primary-600: #6e2f83;
  --color-primary-700: #4f225e;
  --color-primary-800: #2f1438;
  --color-primary-900: #100713;
}

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
#2E1437 Hex Color | Revolver sl | UI Color Scheme Generator