À l’Orange Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around À l’Orange (#F2850D), each snapped to its nearest named color.
#653700
#A75E09
#F2850D
#F4AA53
#FBCD9F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Brown | #653700 | 101, 55, 0 | 33°, 100%, 20% | 0, 46, 100, 60 | |
| Raw Umber | #A75E09 | 167, 94, 9 | 32°, 90%, 35% | 0, 44, 95, 35 | |
| À l’Orange | #F2850D | 242, 133, 13 | 31°, 90%, 50% | 0, 45, 95, 5 | |
| Pani Puri | #F4AA53 | 244, 170, 83 | 32°, 88%, 64% | 0, 30, 66, 4 | |
| Apricot Sherbet | #FBCD9F | 251, 205, 159 | 30°, 92%, 80% | 0, 18, 37, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #653700 on #FBCD9F | 6.83:1 | AA |
| Aa #653700 on #F4AA53 | 5.11:1 | AA |
| Aa #653700 on #F2850D | 3.87:1 | AA large |
| Aa #A75E09 on #FBCD9F | 3.37:1 | AA large |
| Aa #A75E09 on #F4AA53 | 2.52:1 | — |
| Aa #653700 on #A75E09 | 2.02:1 | — |
CSS variables
:root {
--color-1: #653700; /* Brown */
--color-2: #a75e09; /* Raw Umber */
--color-3: #f2850d; /* À l’Orange */
--color-4: #f4aa53; /* Pani Puri */
--color-5: #fbcd9f; /* Apricot Sherbet */
}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 Triadic Color Scheme#F2850D#04F489#8811FF#F7B572#00AA55
- À l’Orange Split-complementary Color Scheme#F2850D#11EEEE#150AEC#A75E09#56F7F3
- À l’Orange Tetradic Color Scheme#F2850D#09F911#0D75F8#FF08E8#F7B572
More Medium Orange monochromatic palettes
- 24 Carrot Monochromatic Color Scheme#6C2E09#AD4E1A#E56E24#ED9F6C#F1CAAD
- Acorn Monochromatic Color Scheme#231712#4F3A32#7F5E50#A48374#C5AEA6
- Amaretto Sour Monochromatic Color Scheme#5C4827#976F3C#C09856#D4BA8C#EADCC6
- Amber Monochromatic Color Scheme#664400#BB8800#FFBF00#FFD34E#FFE69A
- Apocalyptic Orange Monochromatic Color Scheme#6C2E09#BB5511#F4711E#FF9C68#FBCEB1
- Arancio Monochromatic Color Scheme#773300#C65102#FF7013#FF9863#FECDAC
- Argan Oil Monochromatic Color Scheme#372418#6A432D#9D6646#BE8C74#D6B8A7
- Arrakis Spice Monochromatic Color Scheme#53331E#825E2F#BB8246#D1A67D#E4CEB5
- Arrowwood Monochromatic Color Scheme#332200#775511#B3861E#DBB239#EBC881
- Atomic Orange Monochromatic Color Scheme#653700#B25F03#F88605#FCA750#FFCC99
- Autumnal Monochromatic Color Scheme#2D1608#72371C#AD5928#D57E52#E3AF8E
- Aztec Temple Monochromatic Color Scheme#27221F#57493D#84705B#A99681#C7BCAE
Questions
What colors go with À l’Orange?
In a monochromatic scheme: Brown (#653700), Raw Umber (#A75E09), Pani Puri (#F4AA53), Apricot Sherbet (#FBCD9F).
What is the hex code of À l’Orange?
#F2850D.