Retro Vibe Triadic Color Scheme
Five colors arranged by the triadic rule around Retro Vibe (#CB9711), each snapped to its nearest named color.
#CB9711
#00CC99
#9B1DCD
#F4C454
#018466
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Retro Vibe | #CB9711 | 203, 151, 17 | 43°, 85%, 43% | 0, 26, 92, 20 | |
| Caribbean Green | #00CC99 | 0, 204, 153 | 165°, 100%, 40% | 100, 0, 25, 20 | |
| Prom Queen | #9B1DCD | 155, 29, 205 | 283°, 75%, 46% | 24, 86, 0, 20 | |
| Rayo de Sol | #F4C454 | 244, 196, 84 | 42°, 88%, 64% | 0, 20, 66, 4 | |
| Shadows of Time | #018466 | 1, 132, 102 | 166°, 98%, 26% | 99, 0, 23, 48 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9B1DCD on #F4C454 | 3.73:1 | AA large |
| Aa #00CC99 on #9B1DCD | 2.93:1 | — |
| Aa #F4C454 on #018466 | 2.86:1 | — |
| Aa #CB9711 on #9B1DCD | 2.31:1 | — |
| Aa #00CC99 on #018466 | 2.25:1 | — |
| Aa #CB9711 on #018466 | 1.77:1 | — |
CSS variables
:root {
--color-1: #cb9711; /* Retro Vibe */
--color-2: #00cc99; /* Caribbean Green */
--color-3: #9b1dcd; /* Prom Queen */
--color-4: #f4c454; /* Rayo de Sol */
--color-5: #018466; /* Shadows of Time */
}Other schemes from Retro Vibe
- Retro Vibe Complementary Color Scheme#CB9711#F1C24B#024ACA#072688#5577EE
- Retro Vibe Analogous Color Scheme#CC1144#C93413#CB9711#AACC11#46CB18
- Retro Vibe Split-complementary Color Scheme#CB9711#16A3CB#360CCC#886806#37C4FA
- Retro Vibe Tetradic Color Scheme#CB9711#00CC33#024ACA#DD14AB#F4C454
- Retro Vibe Monochromatic Color Scheme#3C3005#886806#CB9711#F0BE3A#F5D180
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 Retro Vibe?
In a triadic scheme: Caribbean Green (#00CC99), Prom Queen (#9B1DCD), Rayo de Sol (#F4C454), Shadows of Time (#018466).
What is the hex code of Retro Vibe?
#CB9711.