Pergament Complementary Color Scheme
Five colors arranged by the complementary rule around Pergament (#BFA58A), each snapped to its nearest named color.
#BFA58A
#DFD4C4
#8DA8BE
#5A7AA2
#CCD7E1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pergament | #BFA58A | 191, 165, 138 | 31°, 29%, 65% | 0, 14, 28, 25 | |
| Wheat Sheaf | #DFD4C4 | 223, 212, 196 | 36°, 30%, 82% | 0, 5, 12, 13 | |
| Kaleidoscope | #8DA8BE | 141, 168, 190 | 207°, 27%, 65% | 26, 12, 0, 25 | |
| Cocktail Blue | #5A7AA2 | 90, 122, 162 | 213°, 29%, 49% | 44, 25, 0, 36 | |
| Blue Reflection | #CCD7E1 | 204, 215, 225 | 209°, 26%, 84% | 9, 4, 0, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5A7AA2 on #CCD7E1 | 3.03:1 | AA large |
| Aa #DFD4C4 on #5A7AA2 | 3.03:1 | AA large |
| Aa #BFA58A on #5A7AA2 | 1.89:1 | — |
| Aa #8DA8BE on #5A7AA2 | 1.79:1 | — |
| Aa #8DA8BE on #CCD7E1 | 1.70:1 | — |
| Aa #DFD4C4 on #8DA8BE | 1.69:1 | — |
CSS variables
:root {
--color-1: #bfa58a; /* Pergament */
--color-2: #dfd4c4; /* Wheat Sheaf */
--color-3: #8da8be; /* Kaleidoscope */
--color-4: #5a7aa2; /* Cocktail Blue */
--color-5: #ccd7e1; /* Blue Reflection */
}Other schemes from Pergament
- Pergament Analogous Color Scheme#BE89A8#BB8D88#BFA58A#BEBF84#A4BE8D
- Pergament Triadic Color Scheme#BFA58A#87BEA3#A38BBF#E2D8CB#53A079
- Pergament Split-complementary Color Scheme#BFA58A#86BEBE#888CBA#A37D5A#BCDBDB
- Pergament Tetradic Color Scheme#BFA58A#8DBC8A#8DA8BE#BF90BB#E2D8CB
- Pergament Monochromatic Color Scheme#72573D#A37D5A#BFA58A#DDCCBB#F4F1EC
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 Pergament?
In a complementary scheme: Wheat Sheaf (#DFD4C4), Kaleidoscope (#8DA8BE), Cocktail Blue (#5A7AA2), Blue Reflection (#CCD7E1).
What is the hex code of Pergament?
#BFA58A.