Beet Red Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Beet Red (#7E203F), each snapped to its nearest named color.
#7E203F
#287C37
#216879
#441122
#36B14E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beet Red | #7E203F | 126, 32, 63 | 340°, 59%, 31% | 0, 75, 50, 51 | |
| Gorgeous Green | #287C37 | 40, 124, 55 | 131°, 51%, 32% | 68, 0, 56, 51 | |
| Jester Blue | #216879 | 33, 104, 121 | 192°, 57%, 30% | 73, 14, 0, 53 | |
| What We Do in the Shadows | #441122 | 68, 17, 34 | 340°, 60%, 17% | 0, 75, 50, 73 | |
| Spandex Green | #36B14E | 54, 177, 78 | 132°, 53%, 45% | 69, 0, 56, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #441122 on #36B14E | 5.60:1 | AA |
| Aa #7E203F on #36B14E | 3.49:1 | AA large |
| Aa #287C37 on #441122 | 2.99:1 | — |
| Aa #216879 on #441122 | 2.46:1 | — |
| Aa #216879 on #36B14E | 2.28:1 | — |
| Aa #287C37 on #36B14E | 1.88:1 | — |
CSS variables
:root {
--color-1: #7e203f; /* Beet Red */
--color-2: #287c37; /* Gorgeous Green */
--color-3: #216879; /* Jester Blue */
--color-4: #441122; /* What We Do in the Shadows */
--color-5: #36b14e; /* Spandex Green */
}Other schemes from Beet Red
- Beet Red Complementary Color Scheme#7E203F#CC3366#2E7B52#17462E#33CC99
- Beet Red Analogous Color Scheme#5A226F#772277#7E203F#772F21#715B2E
- Beet Red Triadic Color Scheme#7E203F#346E23#20377F#CA3767#21421E
- Beet Red Tetradic Color Scheme#7E203F#777722#2E7B52#29217A#CA3767
- Beet Red Monochromatic Color Scheme#150811#441122#7E203F#B62758#DB6484
More Dark Pink split-complementary palettes
- 8 Bit Eggplant Split-complementary Color Scheme#990066#119900#009B7D#4C022F#33EE00
- Aristocratic Velvet Split-complementary Color Scheme#980B4A#009911#0D9494#550022#0ADD08
- Aztec Warrior Split-complementary Color Scheme#BB0066#11BB00#0ABAB5#730039#1BFC06
- Bane of Royalty Split-complementary Color Scheme#871466#328E13#1B8A6B#4C022F#46CB18
- Berry Split-complementary Color Scheme#990F4B#009911#12939A#4C022F#13DA25
- Bindi Red Split-complementary Color Scheme#B0003C#00AA11#0093AF#650021#00FF26
- Bordeaux Split-complementary Color Scheme#7B002C#007711#00697C#330011#00CC11
- Botticelli Split-complementary Color Scheme#B70272#11BB00#00BBAA#770044#21FC0D
- Bruise Split-complementary Color Scheme#7E4071#4F7942#447A66#462343#75AD5B
- Castro Split-complementary Color Scheme#44232F#224634#283C44#130D0D#3D7049
- Cranberry Split-complementary Color Scheme#9E003A#009911#00889F#560319#00EE11
- Drops of God Split-complementary Color Scheme#571E2F#1F5429#1A4A5A#150811#38914A
Questions
What colors go with Beet Red?
In a split-complementary scheme: Gorgeous Green (#287C37), Jester Blue (#216879), What We Do in the Shadows (#441122), Spandex Green (#36B14E).
What is the hex code of Beet Red?
#7E203F.