Aqua Tetradic Color Scheme
Five colors arranged by the tetradic rule around Aqua (#0FF0FE), each snapped to its nearest named color.
#0FF0FE
#8811FF
#FE1C06
#7CFC00
#7DF9FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Aqua | #0FF0FE | 15, 240, 254 | 184°, 99%, 53% | 94, 6, 0, 0 | |
| Punk Rock Pink | #8811FF | 136, 17, 255 | 270°, 100%, 53% | 47, 93, 0, 0 | |
| Thai Hot | #FE1C06 | 254, 28, 6 | 5°, 99%, 51% | 0, 89, 98, 0 | |
| Nuclear Waste | #7CFC00 | 124, 252, 0 | 90°, 100%, 49% | 51, 0, 100, 1 | |
| Electric Blue | #7DF9FF | 125, 249, 255 | 183°, 100%, 75% | 51, 2, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8811FF on #7DF9FF | 4.72:1 | AA |
| Aa #8811FF on #7CFC00 | 4.42:1 | AA large |
| Aa #0FF0FE on #8811FF | 4.18:1 | AA large |
| Aa #FE1C06 on #7DF9FF | 3.13:1 | AA large |
| Aa #FE1C06 on #7CFC00 | 2.93:1 | — |
| Aa #0FF0FE on #FE1C06 | 2.77:1 | — |
CSS variables
:root {
--color-1: #0ff0fe; /* Aqua */
--color-2: #8811ff; /* Punk Rock Pink */
--color-3: #fe1c06; /* Thai Hot */
--color-4: #7cfc00; /* Nuclear Waste */
--color-5: #7df9ff; /* Electric Blue */
}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 Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aqua Monochromatic Color Scheme#006D73#06B1C4#0FF0FE#53F6FF#AAFFFF
More Medium Teal tetradic palettes
- Aggressive Aqua Tetradic Color Scheme#00FBFF#8800FF#FF0303#7FFF00#65FFFF
- Ambrosial Oceanside Tetradic Color Scheme#47AE9C#654EA3#AB485B#8CA94A#8BD3C6
- Aphrodite Aqua Tetradic Color Scheme#45E9C1#6140EF#EC4872#A7E142#A5FCDC
- Aquamarine Tetradic Color Scheme#2EE8BB#5F34E7#EE3355#B6E12A#8CFFDB
- Aquarius Tetradic Color Scheme#2DB0CE#9932CC#CE4A2D#58D332#7FCCE2
- Arctic Tetradic Color Scheme#648589#7B5D92#905D5D#769358#93BCBB
- Arctic Water Tetradic Color Scheme#00FCFC#7F01FE#FF0000#7CFC00#65FFFF
- Atlas Cedar Tetradic Color Scheme#5CA0A7#8D5EB7#A36159#76A55B#9FC5CC
- Blue Bikini Tetradic Color Scheme#00BBEE#AA00FF#EE3300#44EE00#55DDFF
- Blue Bobbin Tetradic Color Scheme#52B4CA#A259CE#CB6D51#79C753#A1D8E0
- Blue Martini Tetradic Color Scheme#52B4D3#BA55D3#CD6E53#69D84F#A1D9E7
- Blue Moon Tetradic Color Scheme#3992A8#8833AA#A94E37#58A83B#75BFD2
Questions
What colors go with Aqua?
In a tetradic scheme: Punk Rock Pink (#8811FF), Thai Hot (#FE1C06), Nuclear Waste (#7CFC00), Electric Blue (#7DF9FF).
What is the hex code of Aqua?
#0FF0FE.