Secret of Mana Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Secret of Mana (#4166F5), each snapped to its nearest named color.
#4166F5
#EE7744
#C0E740
#0033DD
#F8AC8C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Secret of Mana | #4166F5 | 65, 102, 245 | 228°, 90%, 61% | 73, 58, 0, 4 | |
| Debrito | #EE7744 | 238, 119, 68 | 18°, 83%, 60% | 0, 50, 71, 7 | |
| Energos | #C0E740 | 192, 231, 64 | 74°, 78%, 58% | 17, 0, 72, 9 | |
| Cold Pack | #0033DD | 0, 51, 221 | 226°, 100%, 43% | 100, 77, 0, 13 | |
| October Haze | #F8AC8C | 248, 172, 140 | 18°, 89%, 76% | 0, 31, 44, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C0E740 on #0033DD | 5.86:1 | AA |
| Aa #0033DD on #F8AC8C | 4.48:1 | AA large |
| Aa #4166F5 on #C0E740 | 3.32:1 | AA large |
| Aa #EE7744 on #0033DD | 2.92:1 | — |
| Aa #4166F5 on #F8AC8C | 2.54:1 | — |
| Aa #EE7744 on #C0E740 | 2.00:1 | — |
CSS variables
:root {
--color-1: #4166f5; /* Secret of Mana */
--color-2: #ee7744; /* Debrito */
--color-3: #c0e740; /* Energos */
--color-4: #0033dd; /* Cold Pack */
--color-5: #f8ac8c; /* October Haze */
}Other schemes from Secret of Mana
- Secret of Mana Complementary Color Scheme#4166F5#99AAFF#F3CA40#DBB40C#FFE7A3
- Secret of Mana Analogous Color Scheme#4EFFCD#4EC0ED#4166F5#6844FC#DC41F1
- Secret of Mana Triadic Color Scheme#4166F5#EE4466#66FF55#A3B1F2#DD1133
- Secret of Mana Tetradic Color Scheme#4166F5#FF48D0#F3CA40#4CFF7B#A3B1F2
- Secret of Mana Monochromatic Color Scheme#082599#0033DD#4166F5#8AADF7#CFDAFB
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Secret of Mana?
In a split-complementary scheme: Debrito (#EE7744), Energos (#C0E740), Cold Pack (#0033DD), October Haze (#F8AC8C).
What is the hex code of Secret of Mana?
#4166F5.