Beluga Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Beluga (#EFF2F1), each snapped to its nearest named color.
#EFF2F1
#F8EEF4
#F4EFED
#BDD9D0
#F6F1F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beluga | #EFF2F1 | 239, 242, 241 | 160°, 10%, 94% | 1, 0, 0, 5 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 | |
| Little Pinky | #F4EFED | 244, 239, 237 | 17°, 24%, 94% | 0, 2, 3, 4 | |
| Serene Breeze | #BDD9D0 | 189, 217, 208 | 161°, 27%, 80% | 13, 0, 4, 15 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BDD9D0 on #F6F1F4 | 1.34:1 | — |
| Aa #EFF2F1 on #BDD9D0 | 1.33:1 | — |
| Aa #F8EEF4 on #BDD9D0 | 1.32:1 | — |
| Aa #F4EFED on #BDD9D0 | 1.32:1 | — |
| Aa #F4EFED on #F6F1F4 | 1.02:1 | — |
| Aa #F8EEF4 on #F6F1F4 | 1.02:1 | — |
CSS variables
:root {
--color-1: #eff2f1; /* Beluga */
--color-2: #f8eef4; /* Sentimental Pink */
--color-3: #f4efed; /* Little Pinky */
--color-4: #bdd9d0; /* Serene Breeze */
--color-5: #f6f1f4; /* Grim White */
}Other schemes from Beluga
- Beluga Complementary Color Scheme#EFF2F1#F0F4F2#F5EDED#D8BFC8#F5F0F1
- Beluga Analogous Color Scheme#F0F4EB#EBF5F0#EFF2F1#EEF2F3#EBEEF3
- Beluga Triadic Color Scheme#EFF2F1#F3F1F3#F3F2ED#F0F4F2#CFBBD8
- Beluga Tetradic Color Scheme#EFF2F1#EBECF5#F5EDED#F5F4ED#F0F4F2
- Beluga Monochromatic Color Scheme#9BADA8#C8D1CC#EFF2F1#F1F3F3#F1F3F3
More White split-complementary palettes
- Anti-Flash White Split-complementary Color Scheme#F2F3F4#F4EFEE#F6F4EF#C1CEDA#F4EFEE
- Brilliance Split-complementary Color Scheme#FDFDFD#EFF5F1#EEF2F3#E0CDD1#EFF5F1
- Ceramic Split-complementary Color Scheme#FCFFF9#E6E6FA#FFEBFE#DDFFAA#E6E6FA
- Chef’s Hat Split-complementary Color Scheme#F3F4F5#F4EFEE#F6F4EF#C1CEDA#F4EFEE
- Cloud Break Split-complementary Color Scheme#F6F1FE#FFFBE8#EBFCEC#CEAEFA#FFFBE8
- Cotton Ball Split-complementary Color Scheme#F2F7FD#FCEBEB#FCFBEB#ABCDEF#FCEBEB
- Doctor Split-complementary Color Scheme#F9F9F9#EFF5F1#EEF2F3#DDC9C6#EFF5F1
- Dr. White Split-complementary Color Scheme#FAFAFA#EFF5F1#EEF2F3#DDC9C6#EFF5F1
- Emptiness Split-complementary Color Scheme#FCFDFC#F3F1F3#F5F0F1#CCE2CA#F3F1F3
- Errigal White Split-complementary Color Scheme#F2F2F4#F6F2F1#F4F4F0#C0C3D7#F6F2F1
- Everlasting Ice Split-complementary Color Scheme#F6FDFA#FCEBFA#F9EAEA#BBEFD3#FCEBFA
- Eyeball Split-complementary Color Scheme#FFFBF8#E7FEFF#E6E6FA#FFCFAD#E7FEFF
Questions
What colors go with Beluga?
In a split-complementary scheme: Sentimental Pink (#F8EEF4), Little Pinky (#F4EFED), Serene Breeze (#BDD9D0), Grim White (#F6F1F4).
What is the hex code of Beluga?
#EFF2F1.