Toxic Boyfriend Triadic Color Scheme
Five colors arranged by the triadic rule around Toxic Boyfriend (#CCFF11), each snapped to its nearest named color.
#CCFF11
#04CDFF
#FC0FC0
#ECF474
#0097C3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Toxic Boyfriend | #CCFF11 | 204, 255, 17 | 73°, 100%, 53% | 20, 0, 93, 0 | |
| Tropical Turquoise | #04CDFF | 4, 205, 255 | 192°, 100%, 51% | 98, 20, 0, 0 | |
| CGA Pink | #FC0FC0 | 252, 15, 192 | 315°, 98%, 52% | 0, 94, 24, 1 | |
| Nuclear Acid | #ECF474 | 236, 244, 116 | 64°, 85%, 71% | 3, 0, 52, 4 | |
| Atomic Blue | #0097C3 | 0, 151, 195 | 194°, 100%, 38% | 100, 23, 0, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CCFF11 on #FC0FC0 | 3.00:1 | — |
| Aa #FC0FC0 on #ECF474 | 2.98:1 | — |
| Aa #CCFF11 on #0097C3 | 2.88:1 | — |
| Aa #ECF474 on #0097C3 | 2.86:1 | — |
| Aa #04CDFF on #FC0FC0 | 1.87:1 | — |
| Aa #04CDFF on #0097C3 | 1.80:1 | — |
CSS variables
:root {
--color-1: #ccff11; /* Toxic Boyfriend */
--color-2: #04cdff; /* Tropical Turquoise */
--color-3: #fc0fc0; /* CGA Pink */
--color-4: #ecf474; /* Nuclear Acid */
--color-5: #0097c3; /* Atomic Blue */
}Other schemes from Toxic Boyfriend
- Toxic Boyfriend Complementary Color Scheme#CCFF11#ECF474#4411FF#3300CC#9878F8
- Toxic Boyfriend Analogous Color Scheme#FF4411#FFBB11#CCFF11#55FF11#00FF40
- Toxic Boyfriend Split-complementary Color Scheme#CCFF11#1155FF#BB11FF#9DC100#5588FF
- Toxic Boyfriend Tetradic Color Scheme#CCFF11#11FFBB#4411FF#FF1155#ECF474
- Toxic Boyfriend Monochromatic Color Scheme#4D6D08#9DC100#CCFF11#DDFF55#EEFFAA
More Medium Green triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Toxic Boyfriend?
In a triadic scheme: Tropical Turquoise (#04CDFF), CGA Pink (#FC0FC0), Nuclear Acid (#ECF474), Atomic Blue (#0097C3).
What is the hex code of Toxic Boyfriend?
#CCFF11.