Campfire Analogous Color Scheme
Five colors arranged by the analogous rule around Campfire (#CE5F38), each snapped to its nearest named color.
#C034AF
#C8385A
#CE5F38
#CCA537
#ACCB35
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pink Perennial | #C034AF | 192, 52, 175 | 307°, 57%, 48% | 0, 73, 9, 25 | 58.0% 0.218 333 | |
| Cherry Lolly | #C8385A | 200, 56, 90 | 346°, 57%, 50% | 0, 72, 55, 22 | 56.4% 0.180 11 | |
| Campfire | #CE5F38 | 206, 95, 56 | 16°, 60%, 51% | 0, 54, 73, 19 | 61.6% 0.151 39 | |
| Aru Ressha | #CCA537 | 204, 165, 55 | 44°, 59%, 51% | 0, 19, 73, 20 | 73.8% 0.131 89 | |
| Tender Shoot | #ACCB35 | 172, 203, 53 | 72°, 59%, 50% | 15, 0, 74, 20 | 79.3% 0.172 121 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C8385A on #ACCB35 | 2.72:1 | — |
| Aa #C034AF on #ACCB35 | 2.61:1 | — |
| Aa #C8385A on #CCA537 | 2.16:1 | — |
| Aa #CE5F38 on #ACCB35 | 2.13:1 | — |
| Aa #C034AF on #CCA537 | 2.07:1 | — |
| Aa #CE5F38 on #CCA537 | 1.69:1 | — |
CSS variables
:root {
--color-1: #c034af; /* Pink Perennial */
--color-2: #c8385a; /* Cherry Lolly */
--color-3: #ce5f38; /* Campfire */
--color-4: #cca537; /* Aru Ressha */
--color-5: #accb35; /* Tender Shoot */
}Other schemes from Campfire
- Campfire Complementary Color Scheme#CE5F38#E09B81#38A3CC#277594#8AC8E2
- Campfire Triadic Color Scheme#CE5F38#31D652#5539CC#E0A28D#249148
- Campfire Split-complementary Color Scheme#CE5F38#38C6A1#214FC6#984427#75DBC1
- Campfire Tetradic Color Scheme#CE5F38#5AD33E#38A3CC#AA22CC#E0A28D
- Campfire Monochromatic Color Scheme#572B16#984427#CE5F38#DD9475#EEC4B4
More medium orange analogous color schemes
- 24 Carrot Analogous Color Scheme#E82A8E#E32636#E56E24#E2CF24#88EE22
- À l’Orange Analogous Color Scheme#EE1177#F5160B#F2850D#F0F20C#7FF217
- Acorn Analogous Color Scheme#824E78#825059#7F5E50#837752#70804D
- Amaretto Sour Analogous Color Scheme#C1537D#C26157#C09856#B4C04C#7FC15C
- Amber Analogous Color Scheme#FF0044#FF4200#FFBF00#C0FF00#4AFF00
- Apocalyptic Orange Analogous Color Scheme#FF1CAE#EC1837#F4711E#F4D81C#B4F319
- Arancio Analogous Color Scheme#FF1CAE#FF1133#FF7013#FEE715#A8FF04
- Argan Oil Analogous Color Scheme#9C4A7D#9C4856#9D6646#9A9147#7B9F4B
- Arrakis Spice Analogous Color Scheme#BA417B#BB4745#BB8246#B6BD4A#7EBA4D
- Arrowwood Analogous Color Scheme#B31C45#AD3D1E#B3861E#94B21C#4CBB17
- Atomic Orange Analogous Color Scheme#FF0077#FF0D04#F88605#EEFE02#7CFC00
- Autumnal Analogous Color Scheme#AA2F78#A82A38#AD5928#AC9825#7AAC21
Questions
What colors go with Campfire?
In a analogous scheme: Pink Perennial (#C034AF), Cherry Lolly (#C8385A), Aru Ressha (#CCA537), Tender Shoot (#ACCB35).
What is the hex code of Campfire?
#CE5F38.