Smoked Oyster Complementary Color Scheme
Five colors arranged by the complementary rule around Smoked Oyster (#D9D2CD), each snapped to its nearest named color.
#D9D2CD
#F6F2F1
#C8D5DD
#96AEC5
#EEF2F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Smoked Oyster | #D9D2CD | 217, 210, 205 | 25°, 14%, 83% | 0, 3, 6, 15 | |
| Bright White | #F6F2F1 | 246, 242, 241 | 12°, 22%, 95% | 0, 2, 2, 4 | |
| Nearsighted | #C8D5DD | 200, 213, 221 | 203°, 24%, 83% | 10, 4, 0, 13 | |
| Nordland Light Blue | #96AEC5 | 150, 174, 197 | 209°, 29%, 68% | 24, 12, 0, 23 | |
| Maui Mist | #EEF2F3 | 238, 242, 243 | 192°, 17%, 94% | 2, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6F2F1 on #96AEC5 | 2.06:1 | — |
| Aa #96AEC5 on #EEF2F3 | 2.03:1 | — |
| Aa #D9D2CD on #96AEC5 | 1.53:1 | — |
| Aa #C8D5DD on #96AEC5 | 1.53:1 | — |
| Aa #F6F2F1 on #C8D5DD | 1.35:1 | — |
| Aa #D9D2CD on #F6F2F1 | 1.34:1 | — |
CSS variables
:root {
--color-1: #d9d2cd; /* Smoked Oyster */
--color-2: #f6f2f1; /* Bright White */
--color-3: #c8d5dd; /* Nearsighted */
--color-4: #96aec5; /* Nordland Light Blue */
--color-5: #eef2f3; /* Maui Mist */
}Other schemes from Smoked Oyster
- Smoked Oyster Analogous Color Scheme#DCC7D5#DDC9C6#D9D2CD#DEDCC6#D8DDCA
- Smoked Oyster Triadic Color Scheme#D9D2CD#C5DED1#D2C9DF#F6F2F1#9FC5AA
- Smoked Oyster Split-complementary Color Scheme#D9D2CD#CADFDD#CBCCDF#C3A998#F0F4F2
- Smoked Oyster Tetradic Color Scheme#D9D2CD#C9DBC7#C8D5DD#DECADE#F6F2F1
- Smoked Oyster Monochromatic Color Scheme#978478#B9ABA3#D9D2CD#F6F2F1#F6F2F1
More Very Light Orange complementary palettes
- A Smell of Bakery Complementary Color Scheme#F3E9D9#F8F4ED#D8E1F1#9FB9E2#EDF2F8
- Acropolis Complementary Color Scheme#F8E2CA#FBF4E8#C6E3F7#88BBEE#EAF4FC
- Air-Kiss Complementary Color Scheme#F6DCD2#FAEFE9#D4E9F5#94D0E9#E8F5FC
- Albescent Complementary Color Scheme#E1DACB#F6F4EF#CBD1E1#99AAC8#EDF2F8
- Almond Complementary Color Scheme#EDDCC8#F8F4ED#C7DAED#95AFDC#ECF3F9
- Almond Brittle Complementary Color Scheme#E5D3B9#F8F4ED#B8CBE5#80A4CD#EDF2F8
- Alpaca Complementary Color Scheme#F9EDE2#F8F1EB#E0EBFA#A7C9EB#EAF4FC
- Ancient Scroll Complementary Color Scheme#F0E4D1#F8F4ED#D2DEF2#95AFDC#EDF2F8
- Angel Wing Complementary Color Scheme#F3DFD7#FAEFE9#D5EAF2#9DCEE3#EBF6F7
- Angelic White Complementary Color Scheme#F4EDE4#F8F4ED#E2ECF2#B0C4DE#EDF2F8
- Apricot Freeze Complementary Color Scheme#F3CFB7#FAEFE9#B8DEF2#7CB9E8#EAF4FC
- Apricot Sherbet Complementary Color Scheme#FBCD9F#FFF1E8#99CCFF#55AAFF#EAF4FC
Questions
What colors go with Smoked Oyster?
In a complementary scheme: Bright White (#F6F2F1), Nearsighted (#C8D5DD), Nordland Light Blue (#96AEC5), Maui Mist (#EEF2F3).
What is the hex code of Smoked Oyster?
#D9D2CD.