Blue Mana Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Mana (#68C2F5), each snapped to its nearest named color.
#68C2F5
#F96D7B
#F7E26B
#24A0ED
#F6B0BA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Blue Mana | #68C2F5 | 104, 194, 245 | 202°, 88%, 68% | 58, 21, 0, 4 | 77.8% 0.113 236 | |
| Fiery Flamingo | #F96D7B | 249, 109, 123 | 354°, 92%, 70% | 0, 56, 51, 2 | 70.9% 0.171 16 | |
| Vanilla Pudding | #F7E26B | 247, 226, 107 | 51°, 90%, 69% | 0, 9, 57, 3 | 90.7% 0.141 99 | |
| Button Blue | #24A0ED | 36, 160, 237 | 203°, 85%, 54% | 85, 32, 0, 7 | 67.8% 0.152 243 | |
| Bubblegum Pink | #F6B0BA | 246, 176, 186 | 351°, 80%, 83% | 0, 28, 24, 4 | 82.6% 0.083 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7E26B on #24A0ED | 2.19:1 | — |
| Aa #F96D7B on #F7E26B | 2.14:1 | — |
| Aa #24A0ED on #F6B0BA | 1.62:1 | — |
| Aa #F96D7B on #F6B0BA | 1.58:1 | — |
| Aa #68C2F5 on #F7E26B | 1.51:1 | — |
| Aa #68C2F5 on #24A0ED | 1.45:1 | — |
CSS variables
:root {
--color-1: #68c2f5; /* Blue Mana */
--color-2: #f96d7b; /* Fiery Flamingo */
--color-3: #f7e26b; /* Vanilla Pudding */
--color-4: #24a0ed; /* Button Blue */
--color-5: #f6b0ba; /* Bubblegum Pink */
}Other schemes from Blue Mana
- Blue Mana Complementary Color Scheme#68C2F5#B8E4F5#FF9C68#EE6622#FCD9C7
- Blue Mana Analogous Color Scheme#7BE892#6FEBE3#68C2F5#6A79F7#8866FF
- Blue Mana Triadic Color Scheme#68C2F5#FF6EC7#C2F177#C5E6F7#EE22AA
- Blue Mana Tetradic Color Scheme#68C2F5#EE66EE#FF9C68#75FD63#C5E6F7
- Blue Mana Monochromatic Color Scheme#0777BC#24A0ED#68C2F5#B8DFF8#E8F5FC
More light blue split-complementary color schemes
- 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 Blue Mana?
In a split-complementary scheme: Fiery Flamingo (#F96D7B), Vanilla Pudding (#F7E26B), Button Blue (#24A0ED), Bubblegum Pink (#F6B0BA).
What is the hex code of Blue Mana?
#68C2F5.