Cinnamon Buff Analogous Color Scheme
Five colors arranged by the analogous rule around Cinnamon Buff (#FFBF6E), each snapped to its nearest named color.
#F970AC
#FF796C
#FFBF6E
#F8FF73
#AEFF6E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Crazy Pink | #F970AC | 249, 112, 172 | 334°, 92%, 71% | 0, 55, 31, 2 | |
| Salmon | #FF796C | 255, 121, 108 | 5°, 100%, 71% | 0, 53, 58, 0 | |
| Cinnamon Buff | #FFBF6E | 255, 191, 110 | 34°, 100%, 72% | 0, 25, 57, 0 | |
| Huáng Dì Yellow | #F8FF73 | 248, 255, 115 | 63°, 100%, 73% | 3, 0, 55, 0 | |
| Key Lime | #AEFF6E | 174, 255, 110 | 94°, 100%, 72% | 32, 0, 57, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F970AC on #F8FF73 | 2.46:1 | — |
| Aa #FF796C on #F8FF73 | 2.38:1 | — |
| Aa #F970AC on #AEFF6E | 2.18:1 | — |
| Aa #FF796C on #AEFF6E | 2.11:1 | — |
| Aa #F970AC on #FFBF6E | 1.63:1 | — |
| Aa #FF796C on #FFBF6E | 1.58:1 | — |
CSS variables
:root {
--color-1: #f970ac; /* Crazy Pink */
--color-2: #ff796c; /* Salmon */
--color-3: #ffbf6e; /* Cinnamon Buff */
--color-4: #f8ff73; /* Huáng Dì Yellow */
--color-5: #aeff6e; /* Key Lime */
}Other schemes from Cinnamon Buff
- Cinnamon Buff Complementary Color Scheme#FFBF6E#FEE7CB#77AAFF#2188FF#D4EAFF
- 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
- Cinnamon Buff Monochromatic Color Scheme#CC7700#FC9E21#FFBF6E#FFE2BD#FFF5E4
More Light Orange analogous palettes
- 24 Karat Analogous Color Scheme#DB899E#DF9B81#DFC685#C9DC87#9ED686
- 3AM Latte Analogous Color Scheme#C28BA1#C39191#C0A98E#BAC08A#A4C08A
- Ancestral Gold Analogous Color Scheme#DFA3BA#DDB1A8#DDCDA6#D5DCA9#B8DCA7
- Angry Pasta Analogous Color Scheme#FB5581#FF7855#FFCC55#DDFF55#9CEF43
- Anise Biscotti Analogous Color Scheme#E5ABBE#E8B9AE#E5D5AE#DDE7AE#BFE5B1
- Another One Bites the Dust Analogous Color Scheme#C4A1AF#C8A6A1#C7BBA4#C3C6A4#B5C7A4
- Apricot Analogous Color Scheme#FF6CB5#F97272#FFB16D#FFFE71#BEFD73
- Apricotta Analogous Color Scheme#DA93C1#D68F9F#D8A48F#DAC98E#C3DB8D
- Artisans Gold Analogous Color Scheme#F7468A#F7504A#F2AB46#EEEE44#9CEF43
- Ashes to Ashes Analogous Color Scheme#C19AA5#C6A499#BBB3A2#BBC199#A7C297
- Atomic Tangerine Analogous Color Scheme#FF66CC#FC6C85#FF9966#FFE464#D4FB79
- Attic Linen Analogous Color Scheme#CAA7BB#CBACAB#CCBCA9#CCCAA8#BACCA8
Questions
What colors go with Cinnamon Buff?
In a analogous scheme: Crazy Pink (#F970AC), Salmon (#FF796C), Huáng Dì Yellow (#F8FF73), Key Lime (#AEFF6E).
What is the hex code of Cinnamon Buff?
#FFBF6E.