Pearly Complementary Color Scheme

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

#F4E3DF

#F6EEED

#DDF0F0

#A8D3E1

#EBF6F7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pearly	`#F4E3DF`	244, 227, 223	11°, 49%, 92%	0, 7, 9, 4
Grannie’s Pearls	`#F6EEED`	246, 238, 237	7°, 33%, 95%	0, 3, 4, 4
Soar	`#DDF0F0`	221, 240, 240	180°, 39%, 90%	8, 0, 0, 6
Light Blue Glint	`#A8D3E1`	168, 211, 225	195°, 49%, 77%	25, 6, 0, 12
Indigo White	`#EBF6F7`	235, 246, 247	185°, 43%, 95%	5, 0, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A8D3E1 on #EBF6F7	1.46:1	—
Aa #F6EEED on #A8D3E1	1.41:1	—
Aa #DDF0F0 on #A8D3E1	1.36:1	—
Aa #F4E3DF on #A8D3E1	1.29:1	—
Aa #F4E3DF on #EBF6F7	1.13:1	—
Aa #F4E3DF on #F6EEED	1.09:1	—

CSS variables

:root {
  --color-1: #f4e3df; /* Pearly */
  --color-2: #f6eeed; /* Grannie’s Pearls */
  --color-3: #ddf0f0; /* Soar */
  --color-4: #a8d3e1; /* Light Blue Glint */
  --color-5: #ebf6f7; /* Indigo White */
}

Other schemes from Pearly

More Very Light Red complementary palettes

Questions

What colors go with Pearly?

In a complementary scheme: Grannie’s Pearls (#F6EEED), Soar (#DDF0F0), Light Blue Glint (#A8D3E1), Indigo White (#EBF6F7).

What is the hex code of Pearly?

#F4E3DF.