Berber Complementary Color Scheme
Five colors arranged by the complementary rule around Berber (#D8CFB6), each snapped to its nearest named color.
#D8CFB6
#F6F4EF
#B7BDD6
#8092BC
#EBF1F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Berber | #D8CFB6 | 216, 207, 182 | 44°, 30%, 78% | 0, 4, 16, 15 | |
| The Speed of Light | #F6F4EF | 246, 244, 239 | 43°, 28%, 95% | 0, 1, 3, 4 | |
| Hazy Sky | #B7BDD6 | 183, 189, 214 | 228°, 27%, 78% | 14, 12, 0, 16 | |
| Soothsayer | #8092BC | 128, 146, 188 | 222°, 31%, 62% | 32, 22, 0, 26 | |
| Powder White | #EBF1F5 | 235, 241, 245 | 204°, 33%, 94% | 4, 2, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6F4EF on #8092BC | 2.83:1 | — |
| Aa #8092BC on #EBF1F5 | 2.73:1 | — |
| Aa #D8CFB6 on #8092BC | 2.00:1 | — |
| Aa #F6F4EF on #B7BDD6 | 1.70:1 | — |
| Aa #B7BDD6 on #8092BC | 1.67:1 | — |
| Aa #B7BDD6 on #EBF1F5 | 1.64:1 | — |
CSS variables
:root {
--color-1: #d8cfb6; /* Berber */
--color-2: #f6f4ef; /* The Speed of Light */
--color-3: #b7bdd6; /* Hazy Sky */
--color-4: #8092bc; /* Soothsayer */
--color-5: #ebf1f5; /* Powder White */
}Other schemes from Berber
- Berber Analogous Color Scheme#D8B5BF#D9BCB7#D8CFB6#D2D8B5#BFD5B3
- Berber Triadic Color Scheme#D8CFB6#B4D6CB#CEBADA#F6F4EF#81BCA8
- Berber Split-complementary Color Scheme#D8CFB6#B4D0D9#BFB9D5#BBB085#EAEFF2
- Berber Tetradic Color Scheme#D8CFB6#B7D7BF#B7BDD6#D8B7CF#F6F4EF
- Berber Monochromatic Color Scheme#A78C59#BBB085#D8CFB6#F3F0E8#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 Berber?
In a complementary scheme: The Speed of Light (#F6F4EF), Hazy Sky (#B7BDD6), Soothsayer (#8092BC), Powder White (#EBF1F5).
What is the hex code of Berber?
#D8CFB6.