Sugar Milk Complementary Color Scheme

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

#FFF9F5

#FFF0E3

#E8F5FC

#AADDFF

#E8F5FC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sugar Milk	`#FFF9F5`	255, 249, 245	24°, 100%, 98%	0, 2, 4, 0
Rice Pudding	`#FFF0E3`	255, 240, 227	28°, 100%, 95%	0, 6, 11, 0
Kodama White	`#E8F5FC`	232, 245, 252	201°, 77%, 95%	8, 3, 0, 1
Droplet	`#AADDFF`	170, 221, 255	204°, 100%, 83%	33, 13, 0, 0
Kodama White	`#E8F5FC`	232, 245, 252	201°, 77%, 95%	8, 3, 0, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFF9F5 on #AADDFF	1.39:1	—
Aa #E8F5FC on #AADDFF	1.30:1	—
Aa #AADDFF on #E8F5FC	1.30:1	—
Aa #FFF0E3 on #AADDFF	1.30:1	—
Aa #FFF9F5 on #FFF0E3	1.07:1	—
Aa #FFF9F5 on #E8F5FC	1.06:1	—

CSS variables

:root {
  --color-1: #fff9f5; /* Sugar Milk */
  --color-2: #fff0e3; /* Rice Pudding */
  --color-3: #e8f5fc; /* Kodama White */
  --color-4: #aaddff; /* Droplet */
  --color-5: #e8f5fc; /* Kodama White */
}

Other schemes from Sugar Milk

More White complementary palettes

Questions

What colors go with Sugar Milk?

In a complementary scheme: Rice Pudding (#FFF0E3), Kodama White (#E8F5FC), Droplet (#AADDFF), Kodama White (#E8F5FC).

What is the hex code of Sugar Milk?

#FFF9F5.