Beluga Complementary Color Scheme

Five colors arranged by the complementary rule around Beluga (#EFF2F1), each snapped to its nearest named color.

#EFF2F1

#F0F4F2

#F5EDED

#D8BFC8

#F5F0F1

Color names and codes

Name	HEX	RGB	HSL	CMYK
Beluga	`#EFF2F1`	239, 242, 241	160°, 10%, 94%	1, 0, 0, 5
Bakery Box	`#F0F4F2`	240, 244, 242	150°, 15%, 95%	2, 0, 1, 4
Line Dried Sheets	`#F5EDED`	245, 237, 237	0°, 29%, 95%	0, 3, 3, 4
Magnolia White	`#D8BFC8`	216, 191, 200	338°, 24%, 80%	0, 12, 7, 15
Plastic Clouds	`#F5F0F1`	245, 240, 241	348°, 20%, 95%	0, 2, 2, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F0F4F2 on #D8BFC8	1.55:1	—
Aa #EFF2F1 on #D8BFC8	1.53:1	—
Aa #D8BFC8 on #F5F0F1	1.53:1	—
Aa #F5EDED on #D8BFC8	1.49:1	—
Aa #F0F4F2 on #F5EDED	1.04:1	—
Aa #EFF2F1 on #F5EDED	1.02:1	—

CSS variables

:root {
  --color-1: #eff2f1; /* Beluga */
  --color-2: #f0f4f2; /* Bakery Box */
  --color-3: #f5eded; /* Line Dried Sheets */
  --color-4: #d8bfc8; /* Magnolia White */
  --color-5: #f5f0f1; /* Plastic Clouds */
}

Other schemes from Beluga

More White complementary palettes

Questions

What colors go with Beluga?

In a complementary scheme: Bakery Box (#F0F4F2), Line Dried Sheets (#F5EDED), Magnolia White (#D8BFC8), Plastic Clouds (#F5F0F1).

What is the hex code of Beluga?

#EFF2F1.