Diamond Complementary Color Scheme
Five colors arranged by the complementary rule around Diamond (#FAF7E2), each snapped to its nearest named color.
#FAF7E2
#FBF9E8
#E5E5FA
#A3B1F2
#E6E9F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Diamond | #FAF7E2 | 250, 247, 226 | 53°, 71%, 93% | 0, 1, 10, 2 | |
| Elderflower | #FBF9E8 | 251, 249, 232 | 54°, 70%, 95% | 0, 1, 8, 2 | |
| Lavender Mist | #E5E5FA | 229, 229, 250 | 240°, 68%, 94% | 8, 8, 0, 2 | |
| Wondrous Wisteria | #A3B1F2 | 163, 177, 242 | 229°, 75%, 79% | 33, 27, 0, 5 | |
| Icy Lilac | #E6E9F9 | 230, 233, 249 | 231°, 61%, 94% | 8, 6, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FBF9E8 on #A3B1F2 | 1.96:1 | — |
| Aa #FAF7E2 on #A3B1F2 | 1.92:1 | — |
| Aa #A3B1F2 on #E6E9F9 | 1.72:1 | — |
| Aa #E5E5FA on #A3B1F2 | 1.67:1 | — |
| Aa #FBF9E8 on #E5E5FA | 1.17:1 | — |
| Aa #FAF7E2 on #E5E5FA | 1.15:1 | — |
CSS variables
:root {
--color-1: #faf7e2; /* Diamond */
--color-2: #fbf9e8; /* Elderflower */
--color-3: #e5e5fa; /* Lavender Mist */
--color-4: #a3b1f2; /* Wondrous Wisteria */
--color-5: #e6e9f9; /* Icy Lilac */
}Other schemes from Diamond
- Diamond Analogous Color Scheme#F8E1E4#FAEAE2#FAF7E2#EBF7E4#E9F6E2
- Diamond Triadic Color Scheme#FAF7E2#E7FAFA#F6E5F6#FBF9E8#AFEEE1
- Diamond Split-complementary Color Scheme#FAF7E2#E7EFFB#E5E5FA#EDE3A1#EAF4FC
- Diamond Tetradic Color Scheme#FAF7E2#E7FBEC#E5E5FA#FDE1F0#FBF9E8
- Diamond Monochromatic Color Scheme#E6D058#EDE3A1#FAF7E2#FBF9E8#FBF9E8
More Very Light Yellow complementary palettes
- Au Clair de la Lune Complementary Color Scheme#F4F2E2#F9F7EC#E1E6F2#ACB5DC#E9EDF6
- Banan-Appeal Complementary Color Scheme#FAF3A6#FFFBE8#AAAAFF#5566EE#E6E8FA
- Banana Cream Complementary Color Scheme#FFF49C#FFFCE4#99AAFF#5566FF#E6E8FA
- Banana Milk Complementary Color Scheme#FFF7AD#FFFEE5#B5AFFF#6666FF#E6E8FA
- Banana Split Complementary Color Scheme#F7EEC8#FBF9E8#C9D1EF#8F99FB#E8EEFE
- Blanc Cassé Complementary Color Scheme#F1EEE2#F7F5ED#E1E6F2#ABB6D7#EDF2F8
- Blanco Complementary Color Scheme#EBEAE5#F6F4EF#E0E3EF#B2B7D1#EEF2F3
- Bleached Sunflower Complementary Color Scheme#FBE8A8#FFF9E7#A2BFFE#5588FF#E8EEFE
- Blond Complementary Color Scheme#FAF0BE#FFF9E7#BBCFEF#6888FC#E8EEFE
- Bollywood Gold Complementary Color Scheme#FFFBAB#FFFEE5#AAAAFF#5566FF#E6E6FA
- Bullet Hell Complementary Color Scheme#FAF1C8#FBF9E8#CCD5FF#8F99FB#E8EEFE
- Butter Honey Complementary Color Scheme#F5E5AB#FBF9E8#B8B8F8#6488EA#E8EEFE
Questions
What colors go with Diamond?
In a complementary scheme: Elderflower (#FBF9E8), Lavender Mist (#E5E5FA), Wondrous Wisteria (#A3B1F2), Icy Lilac (#E6E9F9).
What is the hex code of Diamond?
#FAF7E2.