Fuchsia (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Fuchsia (CSS) (#FF00FF), each snapped to its nearest named color.
#FF00FF
#FFFF00
#00FFFF
#FF66FF
#A8B504
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Fuchsia (CSS) | #FF00FF | 255, 0, 255 | 300°, 100%, 50% | 0, 100, 0, 0 | 70.2% 0.322 328 | |
| Yellow | #FFFF00 | 255, 255, 0 | 60°, 100%, 50% | 0, 0, 100, 0 | 96.8% 0.211 110 | |
| Cyan | #00FFFF | 0, 255, 255 | 180°, 100%, 50% | 100, 0, 0, 0 | 90.5% 0.155 195 | |
| Pink Flamingo | #FF66FF | 255, 102, 255 | 300°, 100%, 70% | 0, 60, 0, 0 | 75.7% 0.251 328 | |
| Mustard Green | #A8B504 | 168, 181, 4 | 64°, 96%, 36% | 7, 0, 98, 29 | 73.8% 0.166 115 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF00FF on #FFFF00 | 2.92:1 | — |
| Aa #FF00FF on #00FFFF | 2.50:1 | — |
| Aa #FFFF00 on #FF66FF | 2.27:1 | — |
| Aa #FFFF00 on #A8B504 | 2.11:1 | — |
| Aa #00FFFF on #FF66FF | 1.95:1 | — |
| Aa #00FFFF on #A8B504 | 1.81:1 | — |
CSS variables
:root {
--color-1: #ff00ff; /* Fuchsia (CSS) */
--color-2: #ffff00; /* Yellow */
--color-3: #00ffff; /* Cyan */
--color-4: #ff66ff; /* Pink Flamingo */
--color-5: #a8b504; /* Mustard Green */
}Other schemes from Fuchsia (CSS)
- Fuchsia (CSS) Complementary Color Scheme#FF00FF#FB5FFC#00FF00#00B800#66FF66
- Fuchsia (CSS) Analogous Color Scheme#0000FF#7F00FF#FF00FF#FF0080#FF0000
- Fuchsia (CSS) Split-complementary Color Scheme#FF00FF#88FF00#04F489#B300B3#AAFF55
- Fuchsia (CSS) Tetradic Color Scheme#FF00FF#FF7F00#00FF00#007FFF#FF66FF
- Fuchsia (CSS) Monochromatic Color Scheme#660066#B300B3#FF00FF#FC53FC#FF99FF
More medium pink triadic color schemes
- Akari Red Triadic Color Scheme#C90B42#46CB18#024ACA#F44772#2A8000
- Amor Triadic Color Scheme#EE3377#7FF23E#3D7AFD#FF91AF#55CC11
- Amora Purple Triadic Color Scheme#BB22AA#A4BF20#22AABB#E760D2#717910
- Anger Triadic Color Scheme#DD0055#55DD00#0055DD#F7468A#339900
- Aphroditean Fuchsia Triadic Color Scheme#DD14AB#B0DD16#1DACD6#E760D2#769C18
- Awkward Purple Triadic Color Scheme#D208CC#CDD80D#09CDCD#FF44EE#83890E
- Barbara Triadic Color Scheme#FF0FF3#EEFF11#0FF0FE#FC74FD#B5C306
- Bat’s Blood Soup Triadic Color Scheme#EE3366#68E52F#2B62F4#F091A9#46CB18
- Beet Wave Triadic Color Scheme#D4265D#58D332#214FC6#ED7A9E#44891A
- Beetroot Purple Triadic Color Scheme#D33376#75DE2F#3377CC#E585A5#5F9727
- Benevolent Pink Triadic Color Scheme#DD1188#88DD11#0088DC#EE66BB#5C8B15
- Bermuda Onion Triadic Color Scheme#9D5A8F#8F9B5B#5B8D9F#CA99B7#607038
Questions
What colors go with Fuchsia (CSS)?
In a triadic scheme: Yellow (#FFFF00), Cyan (#00FFFF), Pink Flamingo (#FF66FF), Mustard Green (#A8B504).
What is the hex code of Fuchsia (CSS)?
#FF00FF.