À l’Orange Triadic Color Scheme
Five colors arranged by the triadic rule around À l’Orange (#F2850D), each snapped to its nearest named color.
#F2850D
#04F489
#8811FF
#F7B572
#00AA55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| À l’Orange | #F2850D | 242, 133, 13 | 31°, 90%, 50% | 0, 45, 95, 5 | |
| Turquoise Green | #04F489 | 4, 244, 137 | 153°, 97%, 49% | 98, 0, 44, 4 | |
| Punk Rock Pink | #8811FF | 136, 17, 255 | 270°, 100%, 53% | 47, 93, 0, 0 | |
| Jambalaya | #F7B572 | 247, 181, 114 | 30°, 89%, 71% | 0, 27, 54, 3 | |
| Rita Repulsa | #00AA55 | 0, 170, 85 | 150°, 100%, 33% | 100, 0, 50, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #04F489 on #8811FF | 4.01:1 | AA large |
| Aa #8811FF on #F7B572 | 3.31:1 | AA large |
| Aa #F2850D on #8811FF | 2.28:1 | — |
| Aa #04F489 on #00AA55 | 2.08:1 | — |
| Aa #8811FF on #00AA55 | 1.93:1 | — |
| Aa #F2850D on #04F489 | 1.76:1 | — |
CSS variables
:root {
--color-1: #f2850d; /* À l’Orange */
--color-2: #04f489; /* Turquoise Green */
--color-3: #8811ff; /* Punk Rock Pink */
--color-4: #f7b572; /* Jambalaya */
--color-5: #00aa55; /* Rita Repulsa */
}Other schemes from À l’Orange
- À l’Orange Complementary Color Scheme#F2850D#F6B064#0D75F8#0853A7#77B5FE
- À l’Orange Analogous Color Scheme#EE1177#F5160B#F2850D#F0F20C#7FF217
- À l’Orange Split-complementary Color Scheme#F2850D#11EEEE#150AEC#A75E09#56F7F3
- À l’Orange Tetradic Color Scheme#F2850D#09F911#0D75F8#FF08E8#F7B572
- À l’Orange Monochromatic Color Scheme#653700#A75E09#F2850D#F4AA53#FBCD9F
More Medium Orange triadic palettes
- 24 Carrot Triadic Color Scheme#E56E24#33EE66#6A2DED#EAAB7D#16A74E
- 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
- Aztec Temple Triadic Color Scheme#84705B#548F6F#6C5389#BAA38B#355E4B
Questions
What colors go with À l’Orange?
In a triadic scheme: Turquoise Green (#04F489), Punk Rock Pink (#8811FF), Jambalaya (#F7B572), Rita Repulsa (#00AA55).
What is the hex code of À l’Orange?
#F2850D.