Beluga Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Beluga (#EFF2F1), each snapped to its nearest named color.
#9BADA8
#C8D1CC
#EFF2F1
#F1F3F3
#F1F3F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| April Rain | #9BADA8 | 155, 173, 168 | 163°, 10%, 64% | 10, 0, 3, 32 | |
| Foggy Mist | #C8D1CC | 200, 209, 204 | 147°, 9%, 80% | 4, 0, 2, 18 | |
| Beluga | #EFF2F1 | 239, 242, 241 | 160°, 10%, 94% | 1, 0, 0, 5 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9BADA8 on #F1F3F3 | 2.11:1 | — |
| Aa #9BADA8 on #F1F3F3 | 2.11:1 | — |
| Aa #9BADA8 on #EFF2F1 | 2.09:1 | — |
| Aa #9BADA8 on #C8D1CC | 1.50:1 | — |
| Aa #C8D1CC on #F1F3F3 | 1.40:1 | — |
| Aa #C8D1CC on #F1F3F3 | 1.40:1 | — |
CSS variables
:root {
--color-1: #9bada8; /* April Rain */
--color-2: #c8d1cc; /* Foggy Mist */
--color-3: #eff2f1; /* Beluga */
--color-4: #f1f3f3; /* Zappy Zebra */
--color-5: #f1f3f3; /* Zappy Zebra */
}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 Split-complementary Color Scheme#EFF2F1#F8EEF4#F4EFED#BDD9D0#F6F1F4
- Beluga Tetradic Color Scheme#EFF2F1#EBECF5#F5EDED#F5F4ED#F0F4F2
More White monochromatic palettes
- Anti-Flash White Monochromatic Color Scheme#9CA9AD#C9CCD2#F2F3F4#F1F3F3#F1F3F3
- Brilliance Monochromatic Color Scheme#B1B1B1#D8D6D7#FDFDFD#F3F3F2#F3F3F2
- Ceramic Monochromatic Color Scheme#B1FF65#DDFFAA#FCFFF9#F6FFE8#F6FFE8
- Chef’s Hat Monochromatic Color Scheme#A1A4AE#CACED2#F3F4F5#F1F3F3#F1F3F3
- Cloud Break Monochromatic Color Scheme#8866FF#CEAEFA#F6F1FE#F0EBFC#F0EBFC
- Cotton Ball Monochromatic Color Scheme#72A7E1#ABCDEF#F2F7FD#E7EFFB#E7EFFB
- Doctor Monochromatic Color Scheme#ADADAD#D3D3D3#F9F9F9#F3F3F2#F3F3F2
- Dr. White Monochromatic Color Scheme#AEADAD#D4D4D4#FAFAFA#F3F3F2#F3F3F2
- Emptiness Monochromatic Color Scheme#AAC2A1#CCDDCC#FCFDFC#EFF5F1#EFF5F1
- Errigal White Monochromatic Color Scheme#9E9CAB#C9CAD1#F2F2F4#F3F1F3#F3F1F3
- Everlasting Ice Monochromatic Color Scheme#77EEBB#BBEFD3#F6FDFA#E9F9F5#E9F9F5
- Eyeball Monochromatic Color Scheme#FEA15B#FFCFAD#FFFBF8#FFF0E3#FFF0E3
Questions
What colors go with Beluga?
In a monochromatic scheme: April Rain (#9BADA8), Foggy Mist (#C8D1CC), Zappy Zebra (#F1F3F3), Zappy Zebra (#F1F3F3).
What is the hex code of Beluga?
#EFF2F1.