Soba Complementary Color Scheme
Five colors arranged by the complementary rule around Soba (#D1B49F), each snapped to its nearest named color.
#D1B49F
#EFE4DC
#9DBBD0
#6A96BA
#E2ECF2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Soba | #D1B49F | 209, 180, 159 | 25°, 35%, 72% | 0, 14, 24, 18 | |
| Soft Feather | #EFE4DC | 239, 228, 220 | 25°, 37%, 90% | 0, 5, 8, 6 | |
| Stretch of Water | #9DBBD0 | 157, 187, 208 | 205°, 35%, 72% | 25, 10, 0, 18 | |
| Lupine Blue | #6A96BA | 106, 150, 186 | 207°, 37%, 57% | 43, 19, 0, 27 | |
| Out Cold | #E2ECF2 | 226, 236, 242 | 202°, 38%, 92% | 7, 2, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6A96BA on #E2ECF2 | 2.62:1 | — |
| Aa #EFE4DC on #6A96BA | 2.51:1 | — |
| Aa #9DBBD0 on #E2ECF2 | 1.68:1 | — |
| Aa #D1B49F on #E2ECF2 | 1.63:1 | — |
| Aa #EFE4DC on #9DBBD0 | 1.61:1 | — |
| Aa #D1B49F on #6A96BA | 1.61:1 | — |
CSS variables
:root {
--color-1: #d1b49f; /* Soba */
--color-2: #efe4dc; /* Soft Feather */
--color-3: #9dbbd0; /* Stretch of Water */
--color-4: #6a96ba; /* Lupine Blue */
--color-5: #e2ecf2; /* Out Cold */
}Other schemes from Soba
- Soba Analogous Color Scheme#D49AB9#D39EA2#D1B49F#CDCA9F#BAD09D
- Soba Triadic Color Scheme#D1B49F#9CD2B4#B69FCC#F1EBE4#66BB8D
- Soba Split-complementary Color Scheme#D1B49F#9CD4CF#9EA6CF#B98D68#D5EAE8
- Soba Tetradic Color Scheme#D1B49F#A8D19E#9DBBD0#D39ED2#F1EBE4
- Soba Monochromatic Color Scheme#936647#B98D68#D1B49F#EADBD2#F8F4ED
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 Soba?
In a complementary scheme: Soft Feather (#EFE4DC), Stretch of Water (#9DBBD0), Lupine Blue (#6A96BA), Out Cold (#E2ECF2).
What is the hex code of Soba?
#D1B49F.