Tropical Turquoise Triadic Color Scheme
Five colors arranged by the triadic rule around Tropical Turquoise (#04CDFF), each snapped to its nearest named color.
#04CDFF
#FF01CD
#CFFF04
#6DEDFD
#BB0099
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tropical Turquoise | #04CDFF | 4, 205, 255 | 192°, 100%, 51% | 98, 20, 0, 0 | |
| Fuchsia Flame | #FF01CD | 255, 1, 205 | 312°, 100%, 50% | 0, 100, 20, 0 | |
| Neon Yellow | #CFFF04 | 207, 255, 4 | 71°, 100%, 51% | 19, 0, 98, 0 | |
| Robin’s Egg | #6DEDFD | 109, 237, 253 | 187°, 97%, 71% | 57, 6, 0, 1 | |
| Jealous Jellyfish | #BB0099 | 187, 0, 153 | 311°, 100%, 37% | 0, 100, 18, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CFFF04 on #BB0099 | 5.03:1 | AA |
| Aa #6DEDFD on #BB0099 | 4.25:1 | AA large |
| Aa #04CDFF on #BB0099 | 3.13:1 | AA large |
| Aa #FF01CD on #CFFF04 | 2.93:1 | — |
| Aa #FF01CD on #6DEDFD | 2.47:1 | — |
| Aa #04CDFF on #FF01CD | 1.82:1 | — |
CSS variables
:root {
--color-1: #04cdff; /* Tropical Turquoise */
--color-2: #ff01cd; /* Fuchsia Flame */
--color-3: #cfff04; /* Neon Yellow */
--color-4: #6dedfd; /* Robin’s Egg */
--color-5: #bb0099; /* Jealous Jellyfish */
}Other schemes from Tropical Turquoise
- Tropical Turquoise Complementary Color Scheme#04CDFF#66DDFF#FF3503#B52604#FF8866
- Tropical Turquoise Analogous Color Scheme#00FF33#00FBB0#04CDFF#0050FF#3F00FF
- 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 triadic palettes
- Aggressive Aqua Triadic Color Scheme#00FBFF#FF00FF#FBFF00#65FFFF#B300B3
- Ambrosial Oceanside Triadic Color Scheme#47AE9C#9448B0#AD9E4B#8BD3C6#6B327B
- Aphrodite Aqua Triadic Color Scheme#45E9C1#CC55EE#E8C247#A5FCDC#9B1DCD
- Aqua Triadic Color Scheme#0FF0FE#FF0FF3#EEFF11#7DF9FF#CC11BB
- Aquamarine Triadic Color Scheme#2EE8BB#BF36E0#ECBD2C#8CFFDB#8F1CAE
- Aquarius Triadic Color Scheme#2DB0CE#D92FB4#ACCB35#7FCCE2#871F78
- Arctic Triadic Color Scheme#648589#94568C#8E9655#93BCBB#643E65
- Arctic Water Triadic Color Scheme#00FCFC#FF00FF#FFFC00#65FFFF#B300B3
- Atlas Cedar Triadic Color Scheme#5CA0A7#AA55AA#AAAA55#9FC5CC#7A4171
- Blue Bikini Triadic Color Scheme#00BBEE#FF00BB#BBEE00#55DDFF#AA0077
- Blue Bobbin Triadic Color Scheme#52B4CA#C94CBE#BBCC55#A1D8E0#952E8F
- Blue Martini Triadic Color Scheme#52B4D3#DE55A9#B3D157#A1D9E7#B53389
Questions
What colors go with Tropical Turquoise?
In a triadic scheme: Fuchsia Flame (#FF01CD), Neon Yellow (#CFFF04), Robin’s Egg (#6DEDFD), Jealous Jellyfish (#BB0099).
What is the hex code of Tropical Turquoise?
#04CDFF.