Oyster Island Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Oyster Island (#EFEFE5), each snapped to its nearest named color.
#EFEFE5
#E4EAED
#E9E4EF
#D2D3B3
#EEF2F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Oyster Island | #EFEFE5 | 239, 239, 229 | 60°, 24%, 92% | 0, 0, 4, 6 | |
| Calla Lily | #E4EAED | 228, 234, 237 | 200°, 20%, 91% | 4, 1, 0, 7 | |
| Modest Violet | #E9E4EF | 233, 228, 239 | 267°, 26%, 92% | 3, 5, 0, 6 | |
| Orinoco | #D2D3B3 | 210, 211, 179 | 62°, 27%, 76% | 0, 0, 15, 17 | |
| Maui Mist | #EEF2F3 | 238, 242, 243 | 192°, 17%, 94% | 2, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D2D3B3 on #EEF2F3 | 1.36:1 | — |
| Aa #EFEFE5 on #D2D3B3 | 1.32:1 | — |
| Aa #E4EAED on #D2D3B3 | 1.26:1 | — |
| Aa #E9E4EF on #D2D3B3 | 1.23:1 | — |
| Aa #E9E4EF on #EEF2F3 | 1.11:1 | — |
| Aa #EFEFE5 on #E9E4EF | 1.08:1 | — |
CSS variables
:root {
--color-1: #efefe5; /* Oyster Island */
--color-2: #e4eaed; /* Calla Lily */
--color-3: #e9e4ef; /* Modest Violet */
--color-4: #d2d3b3; /* Orinoco */
--color-5: #eef2f3; /* Maui Mist */
}Other schemes from Oyster Island
- Oyster Island Complementary Color Scheme#EFEFE5#F6F4EF#E5E3EF#B2B7D1#EBF1F5
- Oyster Island Analogous Color Scheme#F0E5E5#EFEAE6#EFEFE5#EAEFE5#E4EFE5
- Oyster Island Triadic Color Scheme#EFEFE5#E6EFEF#EDE6ED#F6F4EF#B4D5D5
- Oyster Island Tetradic Color Scheme#EFEFE5#E6F0EA#E5E3EF#EFE4E9#F6F4EF
- Oyster Island Monochromatic Color Scheme#B1B787#D1D2B8#EFEFE5#F6F4EF#F6F4EF
More Very Light Yellow split-complementary palettes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
Questions
What colors go with Oyster Island?
In a split-complementary scheme: Calla Lily (#E4EAED), Modest Violet (#E9E4EF), Orinoco (#D2D3B3), Maui Mist (#EEF2F3).
What is the hex code of Oyster Island?
#EFEFE5.