Cinnamon Buff Complementary Color Scheme
Five colors arranged by the complementary rule around Cinnamon Buff (#FFBF6E), each snapped to its nearest named color.
#FFBF6E
#FEE7CB
#77AAFF
#2188FF
#D4EAFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cinnamon Buff | #FFBF6E | 255, 191, 110 | 34°, 100%, 72% | 0, 25, 57, 0 | |
| Kansas Grain | #FEE7CB | 254, 231, 203 | 33°, 96%, 90% | 0, 9, 20, 0 | |
| Fennel Flower | #77AAFF | 119, 170, 255 | 218°, 100%, 73% | 53, 33, 0, 0 | |
| Pool Water | #2188FF | 33, 136, 255 | 212°, 100%, 56% | 87, 47, 0, 0 | |
| Veiling Waterfalls | #D4EAFF | 212, 234, 255 | 209°, 100%, 92% | 17, 8, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FEE7CB on #2188FF | 2.90:1 | — |
| Aa #2188FF on #D4EAFF | 2.82:1 | — |
| Aa #FFBF6E on #2188FF | 2.14:1 | — |
| Aa #FEE7CB on #77AAFF | 1.95:1 | — |
| Aa #77AAFF on #D4EAFF | 1.89:1 | — |
| Aa #77AAFF on #2188FF | 1.49:1 | — |
CSS variables
:root {
--color-1: #ffbf6e; /* Cinnamon Buff */
--color-2: #fee7cb; /* Kansas Grain */
--color-3: #77aaff; /* Fennel Flower */
--color-4: #2188ff; /* Pool Water */
--color-5: #d4eaff; /* Veiling Waterfalls */
}Other schemes from Cinnamon Buff
- 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
- Cinnamon Buff Monochromatic Color Scheme#CC7700#FC9E21#FFBF6E#FFE2BD#FFF5E4
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Cinnamon Buff?
In a complementary scheme: Kansas Grain (#FEE7CB), Fennel Flower (#77AAFF), Pool Water (#2188FF), Veiling Waterfalls (#D4EAFF).
What is the hex code of Cinnamon Buff?
#FFBF6E.