Coffee Diva Complementary Color Scheme
Five colors arranged by the complementary rule around Coffee Diva (#BEA88D), each snapped to its nearest named color.
#BEA88D
#DED5C7
#92A2BB
#5A7AA2
#CED5E3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Coffee Diva | #BEA88D | 190, 168, 141 | 33°, 27%, 65% | 0, 12, 26, 25 | |
| Shōji | #DED5C7 | 222, 213, 199 | 37°, 26%, 83% | 0, 4, 10, 13 | |
| Faded Lilac | #92A2BB | 146, 162, 187 | 217°, 23%, 65% | 22, 13, 0, 27 | |
| Cocktail Blue | #5A7AA2 | 90, 122, 162 | 213°, 29%, 49% | 44, 25, 0, 36 | |
| Morning Chill | #CED5E3 | 206, 213, 227 | 220°, 27%, 85% | 9, 6, 0, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DED5C7 on #5A7AA2 | 3.05:1 | AA large |
| Aa #5A7AA2 on #CED5E3 | 3.01:1 | AA large |
| Aa #BEA88D on #5A7AA2 | 1.94:1 | — |
| Aa #DED5C7 on #92A2BB | 1.78:1 | — |
| Aa #92A2BB on #CED5E3 | 1.76:1 | — |
| Aa #92A2BB on #5A7AA2 | 1.71:1 | — |
CSS variables
:root {
--color-1: #bea88d; /* Coffee Diva */
--color-2: #ded5c7; /* Shōji */
--color-3: #92a2bb; /* Faded Lilac */
--color-4: #5a7aa2; /* Cocktail Blue */
--color-5: #ced5e3; /* Morning Chill */
}Other schemes from Coffee Diva
- Coffee Diva Analogous Color Scheme#BB8DA8#BC8F8F#BEA88D#BDB98F#A4BE8D
- Coffee Diva Triadic Color Scheme#BEA88D#8EBAA6#AA8CBC#E3DACF#52A786
- Coffee Diva Split-complementary Color Scheme#BEA88D#8EBCBD#8E8DB9#A0855C#BFD6D9
- Coffee Diva Tetradic Color Scheme#BEA88D#8FBC8F#92A2BB#BF90BB#E3DACF
- Coffee Diva Monochromatic Color Scheme#6F5944#A0855C#BEA88D#DACEBE#F6F4EF
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 Coffee Diva?
In a complementary scheme: Shōji (#DED5C7), Faded Lilac (#92A2BB), Cocktail Blue (#5A7AA2), Morning Chill (#CED5E3).
What is the hex code of Coffee Diva?
#BEA88D.