Metroid Red Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Metroid Red (#F83800), each snapped to its nearest named color.
#F83800
#00FBB0
#0044FF
#AA2704
#4EFFCD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Metroid Red | #F83800 | 248, 56, 0 | 14°, 100%, 49% | 0, 77, 100, 3 | |
| Greenish Turquoise | #00FBB0 | 0, 251, 176 | 162°, 100%, 49% | 100, 0, 30, 2 | |
| Rare Blue | #0044FF | 0, 68, 255 | 224°, 100%, 50% | 100, 73, 0, 0 | |
| Rust Red | #AA2704 | 170, 39, 4 | 13°, 95%, 34% | 0, 77, 98, 33 | |
| Move Mint | #4EFFCD | 78, 255, 205 | 163°, 100%, 65% | 69, 0, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AA2704 on #4EFFCD | 5.50:1 | AA |
| Aa #00FBB0 on #AA2704 | 5.14:1 | AA |
| Aa #0044FF on #4EFFCD | 5.05:1 | AA |
| Aa #00FBB0 on #0044FF | 4.72:1 | AA |
| Aa #F83800 on #4EFFCD | 2.97:1 | — |
| Aa #F83800 on #00FBB0 | 2.78:1 | — |
CSS variables
:root {
--color-1: #f83800; /* Metroid Red */
--color-2: #00fbb0; /* Greenish Turquoise */
--color-3: #0044ff; /* Rare Blue */
--color-4: #aa2704; /* Rust Red */
--color-5: #4effcd; /* Move Mint */
}Other schemes from Metroid Red
- Metroid Red Complementary Color Scheme#F83800#FF7855#0FC0FC#0087AD#55DDFF
- Metroid Red Analogous Color Scheme#F504C9#FF0044#F83800#F8B500#C3F400
- Metroid Red Triadic Color Scheme#F83800#00FF33#3F00FF#FC845D#00AA22
- Metroid Red Tetradic Color Scheme#F83800#4AFF00#0FC0FC#B300FF#FC845D
- Metroid Red Monochromatic Color Scheme#551100#AA2704#F83800#FF6E4A#FEA993
More Medium Red split-complementary palettes
- 100 Mph Split-complementary Color Scheme#C93F38#22CC88#327CCB#8C2C24#7AD7AD
- Alarm Split-complementary Color Scheme#EC0003#0BF77D#0078F8#A10000#36FF9A
- Amaretto Split-complementary Color Scheme#AB6F60#65A98F#6274AB#784D40#93C5B6
- Amore Split-complementary Color Scheme#AE2F48#36B14E#2E85B1#771C2B#50C87C
- Anarchist Split-complementary Color Scheme#DB304A#3CD070#2FA1DA#A01C2D#7BE892
- Angry Tomato Split-complementary Color Scheme#D82029#24DD7E#248BCC#97171E#58F898
- Annatto Split-complementary Color Scheme#8C5341#408E7C#45538D#5B342E#6AB5A4
- Apple Cherry Split-complementary Color Scheme#F81404#00FA92#0070FF#AE0C00#55FFAA
- Arcade Fire Split-complementary Color Scheme#EE3311#0EE8A3#1D5DEC#AB250B#55FFAA
- Assassin’s Red Split-complementary Color Scheme#F60206#0BF77D#0080FF#AB0102#58F898
- Autumn Fire Split-complementary Color Scheme#C44E4F#54C589#5488C0#94312F#88DDAA
- Bacon Strips Split-complementary Color Scheme#DF3F32#2DD78D#307DD3#AA251B#77EEBB
Questions
What colors go with Metroid Red?
In a split-complementary scheme: Greenish Turquoise (#00FBB0), Rare Blue (#0044FF), Rust Red (#AA2704), Move Mint (#4EFFCD).
What is the hex code of Metroid Red?
#F83800.