Emoji Yellow Triadic Color Scheme
Five colors arranged by the triadic rule around Emoji Yellow (#FFDE34), each snapped to its nearest named color.
#FFDE34
#32FFDC
#DD33FF
#FFF09B
#00E6D3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Emoji Yellow | #FFDE34 | 255, 222, 52 | 50°, 100%, 60% | 0, 13, 80, 0 | |
| Aurichalcite | #32FFDC | 50, 255, 220 | 170°, 100%, 60% | 80, 0, 14, 0 | |
| Epink | #DD33FF | 221, 51, 255 | 290°, 100%, 60% | 13, 80, 0, 0 | |
| Daisy Chain | #FFF09B | 255, 240, 155 | 51°, 100%, 80% | 0, 6, 39, 0 | |
| MoS₂ Cyan | #00E6D3 | 0, 230, 211 | 175°, 100%, 45% | 100, 0, 8, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DD33FF on #FFF09B | 3.04:1 | AA large |
| Aa #32FFDC on #DD33FF | 2.75:1 | — |
| Aa #FFDE34 on #DD33FF | 2.63:1 | — |
| Aa #DD33FF on #00E6D3 | 2.21:1 | — |
| Aa #FFF09B on #00E6D3 | 1.37:1 | — |
| Aa #32FFDC on #00E6D3 | 1.24:1 | — |
CSS variables
:root {
--color-1: #ffde34; /* Emoji Yellow */
--color-2: #32ffdc; /* Aurichalcite */
--color-3: #dd33ff; /* Epink */
--color-4: #fff09b; /* Daisy Chain */
--color-5: #00e6d3; /* MoS₂ Cyan */
}Other schemes from Emoji Yellow
- Emoji Yellow Complementary Color Scheme#FFDE34#FFF08C#2D47FF#0022EE#99AAFF
- Emoji Yellow Analogous Color Scheme#FF3355#FF7733#FFDE34#ADFF2F#55FF33
- Emoji Yellow Split-complementary Color Scheme#FFDE34#3CBCFC#6A2DED#ECC100#87D3F8
- Emoji Yellow Tetradic Color Scheme#FFDE34#33EE66#2D47FF#E936A7#FFF09B
- Emoji Yellow Monochromatic Color Scheme#9F8303#ECC100#FFDE34#FDEA83#FFF5CF
More Light Yellow triadic palettes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Emoji Yellow?
In a triadic scheme: Aurichalcite (#32FFDC), Epink (#DD33FF), Daisy Chain (#FFF09B), MoS₂ Cyan (#00E6D3).
What is the hex code of Emoji Yellow?
#FFDE34.