Neon Yellow Triadic Color Scheme
Five colors arranged by the triadic rule around Neon Yellow (#CFFF04), each snapped to its nearest named color.
#CFFF04
#04CDFF
#FF01CD
#F1FF62
#0095B6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Neon Yellow | #CFFF04 | 207, 255, 4 | 71°, 100%, 51% | 19, 0, 98, 0 | |
| 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 | |
| Lemon Pie | #F1FF62 | 241, 255, 98 | 65°, 100%, 69% | 5, 0, 62, 0 | |
| Bondi Blue | #0095B6 | 0, 149, 182 | 191°, 100%, 36% | 100, 18, 0, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1FF62 on #0095B6 | 3.22:1 | AA large |
| Aa #FF01CD on #F1FF62 | 3.13:1 | AA large |
| Aa #CFFF04 on #0095B6 | 3.01:1 | AA large |
| Aa #CFFF04 on #FF01CD | 2.93:1 | — |
| Aa #04CDFF on #0095B6 | 1.87:1 | — |
| Aa #04CDFF on #FF01CD | 1.82:1 | — |
CSS variables
:root {
--color-1: #cfff04; /* Neon Yellow */
--color-2: #04cdff; /* Tropical Turquoise */
--color-3: #ff01cd; /* Fuchsia Flame */
--color-4: #f1ff62; /* Lemon Pie */
--color-5: #0095b6; /* Bondi Blue */
}Other schemes from Neon Yellow
- Neon Yellow Complementary Color Scheme#CFFF04#F1FF62#3F00FF#2000B1#8866FF
- Neon Yellow Analogous Color Scheme#FF3503#FFB102#CFFF04#55FF00#00FF33
- Neon Yellow Split-complementary Color Scheme#CFFF04#0652FF#B300FF#92B300#5588FF
- Neon Yellow Tetradic Color Scheme#CFFF04#00FBB0#3F00FF#FF0051#F1FF62
- Neon Yellow Monochromatic Color Scheme#556600#92B300#CFFF04#DFFF4F#EEFF99
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 Neon Yellow?
In a triadic scheme: Tropical Turquoise (#04CDFF), Fuchsia Flame (#FF01CD), Lemon Pie (#F1FF62), Bondi Blue (#0095B6).
What is the hex code of Neon Yellow?
#CFFF04.