Beluga Triadic Color Scheme
Five colors arranged by the triadic rule around Beluga (#EFF2F1), each snapped to its nearest named color.
#EFF2F1
#F3F1F3
#F3F2ED
#F0F4F2
#CFBBD8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beluga | #EFF2F1 | 239, 242, 241 | 160°, 10%, 94% | 1, 0, 0, 5 | |
| Aragonite White | #F3F1F3 | 243, 241, 243 | 300°, 8%, 95% | 0, 1, 0, 5 | |
| Pearl White | #F3F2ED | 243, 242, 237 | 50°, 20%, 94% | 0, 0, 2, 5 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 | |
| Petite Purple | #CFBBD8 | 207, 187, 216 | 281°, 27%, 79% | 4, 13, 0, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0F4F2 on #CFBBD8 | 1.61:1 | — |
| Aa #F3F2ED on #CFBBD8 | 1.59:1 | — |
| Aa #F3F1F3 on #CFBBD8 | 1.59:1 | — |
| Aa #EFF2F1 on #CFBBD8 | 1.59:1 | — |
| Aa #EFF2F1 on #F0F4F2 | 1.02:1 | — |
| Aa #F3F1F3 on #F0F4F2 | 1.01:1 | — |
CSS variables
:root {
--color-1: #eff2f1; /* Beluga */
--color-2: #f3f1f3; /* Aragonite White */
--color-3: #f3f2ed; /* Pearl White */
--color-4: #f0f4f2; /* Bakery Box */
--color-5: #cfbbd8; /* Petite Purple */
}Other schemes from Beluga
- Beluga Complementary Color Scheme#EFF2F1#F0F4F2#F5EDED#D8BFC8#F5F0F1
- Beluga Analogous Color Scheme#F0F4EB#EBF5F0#EFF2F1#EEF2F3#EBEEF3
- Beluga Split-complementary Color Scheme#EFF2F1#F8EEF4#F4EFED#BDD9D0#F6F1F4
- Beluga Tetradic Color Scheme#EFF2F1#EBECF5#F5EDED#F5F4ED#F0F4F2
- Beluga Monochromatic Color Scheme#9BADA8#C8D1CC#EFF2F1#F1F3F3#F1F3F3
More White triadic palettes
- Anti-Flash White Triadic Color Scheme#F2F3F4#F5F0F1#F4F4F0#EEF2F3#DAC0CD
- Brilliance Triadic Color Scheme#FDFDFD#EFF5F1#EBF1F5#F4EFEE#CCE2CA
- Ceramic Triadic Color Scheme#FCFFF9#E8F5FC#FFE6F1#F6FFE8#A7D7FF
- Chef’s Hat Triadic Color Scheme#F3F4F5#F5F0F1#F4F4F0#EEF2F3#DAC0CD
- Cloud Break Triadic Color Scheme#F6F1FE#FCF0E5#E6FDF1#F0EBFC#FBCAAD
- Cotton Ball Triadic Color Scheme#F2F7FD#FFEBF2#F1FDE9#E7EFFB#F4AFCD
- Doctor Triadic Color Scheme#F9F9F9#EFF5F1#EBF1F5#F4EFEE#C6DCC7
- Dr. White Triadic Color Scheme#FAFAFA#EFF5F1#EBF1F5#F4EFEE#CBDCCB
- Emptiness Triadic Color Scheme#FCFDFC#EBF1F5#F4EFEE#EFF5F1#CECAE1
- Errigal White Triadic Color Scheme#F2F2F4#F4EFEE#EFF5F1#EBF1F5#DCC0C3
- Everlasting Ice Triadic Color Scheme#F6FDFA#F3E9F7#FBF4E8#E9F9F5#D8B8F8
- Eyeball Triadic Color Scheme#FFFBF8#E6FDF1#F0EBFC#FFF0E3#AAFFCC
Questions
What colors go with Beluga?
In a triadic scheme: Aragonite White (#F3F1F3), Pearl White (#F3F2ED), Bakery Box (#F0F4F2), Petite Purple (#CFBBD8).
What is the hex code of Beluga?
#EFF2F1.