Tropical Turquoise Complementary Color Scheme
Five colors arranged by the complementary rule around Tropical Turquoise (#04CDFF), each snapped to its nearest named color.
#04CDFF
#66DDFF
#FF3503
#B52604
#FF8866
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tropical Turquoise | #04CDFF | 4, 205, 255 | 192°, 100%, 51% | 98, 20, 0, 0 | |
| Athena Blue | #66DDFF | 102, 221, 255 | 193°, 100%, 70% | 60, 13, 0, 0 | |
| Electric Orange | #FF3503 | 255, 53, 3 | 12°, 100%, 51% | 0, 79, 99, 0 | |
| Crimson Velvet Sunset | #B52604 | 181, 38, 4 | 12°, 96%, 36% | 0, 79, 98, 29 | |
| Protein High | #FF8866 | 255, 136, 102 | 13°, 100%, 70% | 0, 47, 60, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66DDFF on #B52604 | 4.12:1 | AA large |
| Aa #04CDFF on #B52604 | 3.45:1 | AA large |
| Aa #B52604 on #FF8866 | 2.76:1 | — |
| Aa #66DDFF on #FF3503 | 2.32:1 | — |
| Aa #04CDFF on #FF3503 | 1.94:1 | — |
| Aa #FF3503 on #B52604 | 1.78:1 | — |
CSS variables
:root {
--color-1: #04cdff; /* Tropical Turquoise */
--color-2: #66ddff; /* Athena Blue */
--color-3: #ff3503; /* Electric Orange */
--color-4: #b52604; /* Crimson Velvet Sunset */
--color-5: #ff8866; /* Protein High */
}Other schemes from Tropical Turquoise
- Tropical Turquoise Analogous Color Scheme#00FF33#00FBB0#04CDFF#0050FF#3F00FF
- Tropical Turquoise Triadic Color Scheme#04CDFF#FF01CD#CFFF04#6DEDFD#BB0099
- Tropical Turquoise Split-complementary Color Scheme#04CDFF#FF004F#FFB301#0091B3#FB5581
- Tropical Turquoise Tetradic Color Scheme#04CDFF#B300FF#FF3503#4AFF00#6DEDFD
- Tropical Turquoise Monochromatic Color Scheme#035568#0091B3#04CDFF#55DDFF#99EEFF
More Medium Teal complementary palettes
- Aggressive Aqua Complementary Color Scheme#00FBFF#56FFFF#FF0303#B30103#FF6666
- Ambrosial Oceanside Complementary Color Scheme#47AE9C#86D2C1#AB485B#772F39#D08995
- Aphrodite Aqua Complementary Color Scheme#45E9C1#99FFDD#EC4872#D01343#F0A0B6
- Aqua Complementary Color Scheme#0FF0FE#6DEDFD#FE1C06#C40700#FF7E79
- Aquamarine Complementary Color Scheme#2EE8BB#84FBCE#EE3355#B31A38#F590A0
- Aquarius Complementary Color Scheme#2DB0CE#7ECBE2#CE4A2D#8B2E19#E58F7C
- Arctic Complementary Color Scheme#648589#8BB6B8#905D5D#63403A#BD9D95
- Arctic Water Complementary Color Scheme#00FCFC#56FFFF#FF0000#AC0000#FF6163
- Atlas Cedar Complementary Color Scheme#5CA0A7#99C5C4#A36159#784841#CAA09E
- Blue Bikini Complementary Color Scheme#00BBEE#4CD5FF#EE3300#AA2200#FF7855
- Blue Bobbin Complementary Color Scheme#52B4CA#9CD4E1#CB6D51#9D4531#E3A9A2
- Blue Martini Complementary Color Scheme#52B4D3#9AD6E5#CD6E53#AE4930#E6B4A6
Questions
What colors go with Tropical Turquoise?
In a complementary scheme: Athena Blue (#66DDFF), Electric Orange (#FF3503), Crimson Velvet Sunset (#B52604), Protein High (#FF8866).
What is the hex code of Tropical Turquoise?
#04CDFF.