Aqua Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Aqua (#0FF0FE), each snapped to its nearest named color.
#0FF0FE
#FF1177
#FF9613
#06B1C4
#FF55A3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Aqua | #0FF0FE | 15, 240, 254 | 184°, 99%, 53% | 94, 6, 0, 0 | |
| Pucker Up | #FF1177 | 255, 17, 119 | 334°, 100%, 53% | 0, 93, 53, 0 | |
| Cheese Please | #FF9613 | 255, 150, 19 | 33°, 100%, 54% | 0, 41, 93, 0 | |
| Antigua Blue | #06B1C4 | 6, 177, 196 | 186°, 94%, 40% | 97, 10, 0, 23 | |
| Magenta Crayon | #FF55A3 | 255, 85, 163 | 332°, 100%, 67% | 0, 67, 36, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0FF0FE on #FF1177 | 2.66:1 | — |
| Aa #0FF0FE on #FF55A3 | 2.11:1 | — |
| Aa #0FF0FE on #06B1C4 | 1.84:1 | — |
| Aa #FF1177 on #FF9613 | 1.72:1 | — |
| Aa #0FF0FE on #FF9613 | 1.55:1 | — |
| Aa #FF1177 on #06B1C4 | 1.45:1 | — |
CSS variables
:root {
--color-1: #0ff0fe; /* Aqua */
--color-2: #ff1177; /* Pucker Up */
--color-3: #ff9613; /* Cheese Please */
--color-4: #06b1c4; /* Antigua Blue */
--color-5: #ff55a3; /* Magenta Crayon */
}Other schemes from Aqua
- Aqua Complementary Color Scheme#0FF0FE#6DEDFD#FE1C06#C40700#FF7E79
- Aqua Analogous Color Scheme#0AFA1E#00FA92#0FF0FE#1177FF#1600FC
- Aqua Triadic Color Scheme#0FF0FE#FF0FF3#EEFF11#7DF9FF#CC11BB
- Aqua Tetradic Color Scheme#0FF0FE#8811FF#FE1C06#7CFC00#7DF9FF
- Aqua Monochromatic Color Scheme#006D73#06B1C4#0FF0FE#53F6FF#AAFFFF
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
- Blue Moon Split-complementary Color Scheme#3992A8#A53756#AB863A#22606E#C66787
Questions
What colors go with Aqua?
In a split-complementary scheme: Pucker Up (#FF1177), Cheese Please (#FF9613), Antigua Blue (#06B1C4), Magenta Crayon (#FF55A3).
What is the hex code of Aqua?
#0FF0FE.