Cinnamon Buff Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Cinnamon Buff (#FFBF6E), each snapped to its nearest named color.
#CC7700
#FC9E21
#FFBF6E
#FFE2BD
#FFF5E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mountain Ash | #CC7700 | 204, 119, 0 | 35°, 100%, 40% | 0, 42, 100, 20 | |
| Radiant Yellow | #FC9E21 | 252, 158, 33 | 34°, 97%, 56% | 0, 37, 87, 1 | |
| Cinnamon Buff | #FFBF6E | 255, 191, 110 | 34°, 100%, 72% | 0, 25, 57, 0 | |
| Orange Glow | #FFE2BD | 255, 226, 189 | 34°, 100%, 87% | 0, 11, 26, 0 | |
| Silky Tofu | #FFF5E4 | 255, 245, 228 | 38°, 100%, 95% | 0, 4, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC7700 on #FFF5E4 | 3.13:1 | AA large |
| Aa #CC7700 on #FFE2BD | 2.72:1 | — |
| Aa #CC7700 on #FFBF6E | 2.08:1 | — |
| Aa #FC9E21 on #FFF5E4 | 1.93:1 | — |
| Aa #FC9E21 on #FFE2BD | 1.68:1 | — |
| Aa #CC7700 on #FC9E21 | 1.62:1 | — |
CSS variables
:root {
--color-1: #cc7700; /* Mountain Ash */
--color-2: #fc9e21; /* Radiant Yellow */
--color-3: #ffbf6e; /* Cinnamon Buff */
--color-4: #ffe2bd; /* Orange Glow */
--color-5: #fff5e4; /* Silky Tofu */
}Other schemes from Cinnamon Buff
- Cinnamon Buff Complementary Color Scheme#FFBF6E#FEE7CB#77AAFF#2188FF#D4EAFF
- Cinnamon Buff Analogous Color Scheme#F970AC#FF796C#FFBF6E#F8FF73#AEFF6E
- Cinnamon Buff Triadic Color Scheme#FFBF6E#6BFFB3#B36FF6#FFEDD5#36FF9A
- Cinnamon Buff Split-complementary Color Scheme#FFBF6E#73FDFF#7777FF#FC9E21#BFFBFF
- Cinnamon Buff Tetradic Color Scheme#FFBF6E#77FF77#77AAFF#FF6FFC#FFEDD5
More Light Orange monochromatic palettes
- 24 Karat Monochromatic Color Scheme#AA8031#CFAC47#DFC685#F0E2C4#FAF6EA
- 3AM Latte Monochromatic Color Scheme#715A45#A9855D#C0A98E#DACEBE#F6F4EF
- Ancestral Gold Monochromatic Color Scheme#AC8A41#C6AD6F#DDCDA6#F2ECDE#F7F5ED
- Angry Pasta Monochromatic Color Scheme#BE8400#FEB308#FFCC55#FFE1A3#FFF8E4
- Anise Biscotti Monochromatic Color Scheme#BB993A#D1B871#E5D5AE#F9F2E7#F7F5EC
- Another One Bites the Dust Monochromatic Color Scheme#82714D#AB9975#C7BBA4#E4DED2#F6F4EF
- Apricot Monochromatic Color Scheme#DA6304#FF8822#FFB16D#FFDAB9#FFF2E4
- Apricotta Monochromatic Color Scheme#975437#C57556#D8A48F#EDD1C7#F8F1EB
- Artisans Gold Monochromatic Color Scheme#995511#DD8811#F2AB46#F5C78E#FCECD5
- Ashes to Ashes Monochromatic Color Scheme#726854#9C8E74#BBB3A2#DBD7CE#F4F4F0
- Atomic Tangerine Monochromatic Color Scheme#CC4400#FF6316#FF9966#FFCCB6#FFECE5
- Attic Linen Monochromatic Color Scheme#8A7054#B09879#CCBCA9#E9E1D9#F6F4EF
Questions
What colors go with Cinnamon Buff?
In a monochromatic scheme: Mountain Ash (#CC7700), Radiant Yellow (#FC9E21), Orange Glow (#FFE2BD), Silky Tofu (#FFF5E4).
What is the hex code of Cinnamon Buff?
#FFBF6E.