Rebellion Red to Aquamarine Color Palette

About this palette

Rebellion Red to Aquamarine is a 4-color vibrant, cool, neon palette: #CD0001 (Rebellion Red), #C34BD7 (Love Priestess), #00B9DE (Blue Bikini), #00E1B6 (Aquamarine). It mixes red, purple, blue, turquoise tones and feels cool overall. The strongest text pairing is #CD0001 on #00E1B6 with a contrast ratio of 3.46:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Rebellion Red	rgb(205, 0, 1)	hsl(360, 100%, 40%)
Love Priestess	rgb(195, 75, 215)	hsl(291, 64%, 57%)
Blue Bikini	rgb(0, 185, 222)	hsl(190, 100%, 44%)
Aquamarine	rgb(0, 225, 182)	hsl(169, 100%, 44%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

Aa3.46:1 Poor#CD0001 on #00E1B6
Aa3.46:1 Poor#00E1B6 on #CD0001

Color blindness preview

CSS variables

/* Rebellion Red to Aquamarine — https://swatchly.xyz/palette/cd0001-c34bd7-00b9de-00e1b6 */
:root {
  --rebellion-red: #cd0001;
  --love-priestess: #c34bd7;
  --blue-bikini: #00b9de;
  --aquamarine: #00e1b6;
}

Tailwind CSS v4

/* Rebellion Red to Aquamarine — https://swatchly.xyz/palette/cd0001-c34bd7-00b9de-00e1b6 */
@theme {
  --color-rebellion-red: #cd0001;
  --color-rebellion-red-50: #fff2ef;
  --color-rebellion-red-100: #ffe4e0;
  --color-rebellion-red-200: #ffc9c0;
  --color-rebellion-red-300: #ffa799;
  --color-rebellion-red-400: #ff6d5c;
  --color-rebellion-red-500: #ee392c;
  --color-rebellion-red-600: #cd0001;
  --color-rebellion-red-700: #a50000;
  --color-rebellion-red-800: #820000;
  --color-rebellion-red-900: #670000;
  --color-rebellion-red-950: #430000;
  --color-love-priestess: #c34bd7;
  --color-love-priestess-50: #fdf1ff;
  --color-love-priestess-100: #fbe3ff;
  --color-love-priestess-200: #f7c4ff;
  --color-love-priestess-300: #f19fff;
  --color-love-priestess-400: #de6df2;
  --color-love-priestess-500: #c34bd7;
  --color-love-priestess-600: #a42bb8;
  --color-love-priestess-700: #870e99;
  --color-love-priestess-800: #6c007b;
  --color-love-priestess-900: #540061;
  --color-love-priestess-950: #36003f;
  --color-blue-bikini: #00b9de;
  --color-blue-bikini-50: #ebfaff;
  --color-blue-bikini-100: #d3f4ff;
  --color-blue-bikini-200: #9ee8ff;
  --color-blue-bikini-300: #68d6f5;
  --color-blue-bikini-400: #00b9de;
  --color-blue-bikini-500: #009ab9;
  --color-blue-bikini-600: #007c95;
  --color-blue-bikini-700: #006277;
  --color-blue-bikini-800: #004c5d;
  --color-blue-bikini-900: #003a48;
  --color-blue-bikini-950: #00242d;
  --color-aquamarine: #00e1b6;
  --color-aquamarine-50: #dafff2;
  --color-aquamarine-100: #aeffe5;
  --color-aquamarine-200: #7ef1cf;
  --color-aquamarine-300: #00e1b6;
  --color-aquamarine-400: #00bd98;
  --color-aquamarine-500: #009d7e;
  --color-aquamarine-600: #007f65;
  --color-aquamarine-700: #006550;
  --color-aquamarine-800: #004f3e;
  --color-aquamarine-900: #003d2f;
  --color-aquamarine-950: #00261d;
}