Fiji Sands Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fiji Sands (#D8CAA9), each snapped to its nearest named color.
#D8CAA9
#ABCED8
#B4A6D5
#C2A770
#DFEBEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Fiji Sands | #D8CAA9 | 216, 202, 169 | 42°, 38%, 75% | 0, 6, 22, 15 | 84.2% 0.047 88 | |
| Hisoku Blue | #ABCED8 | 171, 206, 216 | 193°, 37%, 76% | 21, 5, 0, 15 | 82.9% 0.040 217 | |
| Grape Illusion | #B4A6D5 | 180, 166, 213 | 258°, 36%, 74% | 15, 22, 0, 16 | 75.3% 0.068 298 | |
| Hay Yellow | #C2A770 | 194, 167, 112 | 40°, 40%, 60% | 0, 14, 42, 24 | 73.9% 0.079 84 | |
| Prelude | #DFEBEE | 223, 235, 238 | 192°, 31%, 90% | 6, 1, 0, 7 | 93.2% 0.013 214 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C2A770 on #DFEBEE | 1.91:1 | — |
| Aa #B4A6D5 on #DFEBEE | 1.84:1 | — |
| Aa #D8CAA9 on #C2A770 | 1.43:1 | — |
| Aa #ABCED8 on #C2A770 | 1.39:1 | — |
| Aa #D8CAA9 on #B4A6D5 | 1.38:1 | — |
| Aa #ABCED8 on #DFEBEE | 1.37:1 | — |
CSS variables
:root {
--color-1: #d8caa9; /* Fiji Sands */
--color-2: #abced8; /* Hisoku Blue */
--color-3: #b4a6d5; /* Grape Illusion */
--color-4: #c2a770; /* Hay Yellow */
--color-5: #dfebee; /* Prelude */
}Other schemes from Fiji Sands
- Fiji Sands Complementary Color Scheme#D8CAA9#F4F1E8#ABB6D7#768DC6#EDF2F8
- Fiji Sands Analogous Color Scheme#D8AAB7#D9B1AA#D8CAA9#D0D6A8#B8D7A6
- Fiji Sands Triadic Color Scheme#D8CAA9#ACD7C8#CCACD7#F8F4ED#6DC1AC
- Fiji Sands Tetradic Color Scheme#D8CAA9#A5D7B2#ABB6D7#DAA6CF#F8F4ED
- Fiji Sands Monochromatic Color Scheme#A6894B#C2A770#D8CAA9#EFEADE#F8F4ED
More light orange split-complementary color schemes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Fiji Sands?
In a split-complementary scheme: Hisoku Blue (#ABCED8), Grape Illusion (#B4A6D5), Hay Yellow (#C2A770), Prelude (#DFEBEE).
What is the hex code of Fiji Sands?
#D8CAA9.