Vibrant Honey Triadic Color Scheme
Five colors arranged by the triadic rule around Vibrant Honey (#FFBD31), each snapped to its nearest named color.
#FFBD31
#2AFEB7
#BF3CFF
#FFDD99
#12E193
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vibrant Honey | #FFBD31 | 255, 189, 49 | 41°, 100%, 60% | 0, 26, 81, 0 | |
| Greenish Cyan | #2AFEB7 | 42, 254, 183 | 160°, 99%, 58% | 83, 0, 28, 0 | |
| Magento | #BF3CFF | 191, 60, 255 | 280°, 100%, 62% | 25, 76, 0, 0 | |
| Butter Cupcake | #FFDD99 | 255, 221, 153 | 40°, 100%, 80% | 0, 13, 40, 0 | |
| Aqua Green | #12E193 | 18, 225, 147 | 157°, 85%, 48% | 92, 0, 35, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BF3CFF on #FFDD99 | 3.03:1 | AA large |
| Aa #2AFEB7 on #BF3CFF | 3.01:1 | AA large |
| Aa #FFBD31 on #BF3CFF | 2.37:1 | — |
| Aa #BF3CFF on #12E193 | 2.30:1 | — |
| Aa #FFDD99 on #12E193 | 1.31:1 | — |
| Aa #2AFEB7 on #12E193 | 1.31:1 | — |
CSS variables
:root {
--color-1: #ffbd31; /* Vibrant Honey */
--color-2: #2afeb7; /* Greenish Cyan */
--color-3: #bf3cff; /* Magento */
--color-4: #ffdd99; /* Butter Cupcake */
--color-5: #12e193; /* Aqua Green */
}Other schemes from Vibrant Honey
- Vibrant Honey Complementary Color Scheme#FFBD31#FFD98C#2C75FF#0044EE#99BBFF
- Vibrant Honey Analogous Color Scheme#FF3366#FF5630#FFBD31#D5F534#66FF22
- Vibrant Honey Split-complementary Color Scheme#FFBD31#22DDFF#5533FF#E59B00#6DEDFD
- Vibrant Honey Tetradic Color Scheme#FFBD31#2DFE54#2C75FF#FF33CC#FFDD99
- Vibrant Honey Monochromatic Color Scheme#996600#E59B00#FFBD31#FED67E#FEEDCA
More Medium Orange triadic palettes
- 24 Carrot Triadic Color Scheme#E56E24#33EE66#6A2DED#EAAB7D#16A74E
- À l’Orange Triadic Color Scheme#F2850D#04F489#8811FF#F7B572#00AA55
- Acorn Triadic Color Scheme#7F5E50#47885E#5C5083#B28B80#34533D
- Amaretto Sour Triadic Color Scheme#C09856#48C09B#9B5FC0#DCC6A0#319177
- Amber Triadic Color Scheme#FFBF00#00FFBB#BF00FF#FFDA68#06B48B
- Apocalyptic Orange Triadic Color Scheme#F4711E#1EF876#661AEE#F9AE7D#11BB55
- Arancio Triadic Color Scheme#FF7013#1EF876#601EF9#FEB079#02C14D
- Argan Oil Triadic Color Scheme#9D6646#539B6A#674196#C39E81#316745
- Arrakis Spice Triadic Color Scheme#BB8246#47BA87#8547B5#D4B38F#348A5D
- Arrowwood Triadic Color Scheme#B3861E#1AB385#8F1CAE#E4B857#127453
- Atomic Orange Triadic Color Scheme#F88605#04F489#8800FF#FCB867#00AA55
- Autumnal Triadic Color Scheme#AD5928#36B14E#5930A9#DA8F67#1D7033
Questions
What colors go with Vibrant Honey?
In a triadic scheme: Greenish Cyan (#2AFEB7), Magento (#BF3CFF), Butter Cupcake (#FFDD99), Aqua Green (#12E193).
What is the hex code of Vibrant Honey?
#FFBD31.