Grim White Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Grim White (#F6F1F4), each snapped to its nearest named color.
#F6F1F4
#EFF5F1
#F0F4F2
#DAC0CD
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 | 96.3% 0.007 340 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | 96.5% 0.008 157 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 | 96.4% 0.005 165 | |
| Twilight Light | #DAC0CD | 218, 192, 205 | 330°, 26%, 80% | 0, 12, 6, 15 | 83.4% 0.034 346 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | 96.5% 0.008 157 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFF5F1 on #DAC0CD | 1.53:1 | — |
| Aa #DAC0CD on #EFF5F1 | 1.53:1 | — |
| Aa #F0F4F2 on #DAC0CD | 1.53:1 | — |
| Aa #F6F1F4 on #DAC0CD | 1.52:1 | — |
| Aa #F6F1F4 on #EFF5F1 | 1.01:1 | — |
| Aa #F6F1F4 on #EFF5F1 | 1.01:1 | — |
CSS variables
:root {
--color-1: #f6f1f4; /* Grim White */
--color-2: #eff5f1; /* Heavy Sugar */
--color-3: #f0f4f2; /* Bakery Box */
--color-4: #dac0cd; /* Twilight Light */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Grim White
- Grim White Complementary Color Scheme#F6F1F4#F5F0F1#EFF5F1#C3D9CB#EFF5F1
- Grim White Analogous Color Scheme#F3F1F3#F6F1F4#F6F1F4#F5F0F1#F6F2F1
- Grim White Triadic Color Scheme#F6F1F4#F4F4F0#EEF2F3#F5F0F1#D1DAC0
- Grim White Tetradic Color Scheme#F6F1F4#F6F4EF#EFF5F1#EEF2F3#F5F0F1
- Grim White Monochromatic Color Scheme#B893AB#D7C2CE#F6F1F4#F5F0F1#F5F0F1
More very light pink split-complementary color schemes
- Antarctic Love Split-complementary Color Scheme#EDDEE6#DDEEDD#DEEEED#CCACC1#EFF5F1
- Baby Pink Split-complementary Color Scheme#FFB7CE#BDFFCA#B9F2FF#FD6C9E#E7FBEC
- Ballerina Split-complementary Color Scheme#F2CFDC#C9F0D1#D0EFF3#E290B2#EBFCEC
- Berries N’ Cream Split-complementary Color Scheme#F2B8CA#B8EBC5#B8E4F5#EE7799#E7FBEC
- Berry Butter Split-complementary Color Scheme#EFCEDC#CAEDD0#CEEEEF#DD95B4#EBF8EF
- Blackberry Yoghurt Split-complementary Color Scheme#E5BDDF#C8E4B9#BFE4D4#C290C5#F2F8ED
- Bride Split-complementary Color Scheme#EFE7EB#E7F1E6#E6F1F1#D3B8C5#EFF5F1
- Bubble Bath Split-complementary Color Scheme#E8E0E9#E4ECDF#DDEBE3#C9AFD0#F4F4F0
- Bubblegum Crisis Split-complementary Color Scheme#EECCEE#DDEECC#D1EFDD#CC99DD#F1F9EC
- Bubblegum Heart Split-complementary Color Scheme#FFBADF#BEFDB7#BBFFFF#FF6CB5#E7FBEC
- Bunny Tail Split-complementary Color Scheme#FFE3F4#E1F8E7#E0FEFE#FF99DD#EBFCEC
- Candy Bar Split-complementary Color Scheme#FFB7D5#B6FFBB#B2FCFF#FF69AF#E7FBEC
Questions
What colors go with Grim White?
In a split-complementary scheme: Heavy Sugar (#EFF5F1), Bakery Box (#F0F4F2), Twilight Light (#DAC0CD), Heavy Sugar (#EFF5F1).
What is the hex code of Grim White?
#F6F1F4.