Water Complementary Color Scheme

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

#D4F1F9

#E8F7FD

#FADDD4

#F6A694

#FBEEE8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Water	`#D4F1F9`	212, 241, 249	193°, 76%, 90%	15, 3, 0, 2
Clear Skies	`#E8F7FD`	232, 247, 253	197°, 84%, 95%	8, 2, 0, 1
Peony Prize	`#FADDD4`	250, 221, 212	14°, 79%, 91%	0, 12, 15, 2
Au Contraire	`#F6A694`	246, 166, 148	11°, 84%, 77%	0, 33, 40, 4
Rose White	`#FBEEE8`	251, 238, 232	19°, 70%, 95%	0, 5, 8, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E8F7FD on #F6A694	1.77:1	—
Aa #F6A694 on #FBEEE8	1.71:1	—
Aa #D4F1F9 on #F6A694	1.64:1	—
Aa #FADDD4 on #F6A694	1.51:1	—
Aa #E8F7FD on #FADDD4	1.17:1	—
Aa #FADDD4 on #FBEEE8	1.13:1	—

CSS variables

:root {
  --color-1: #d4f1f9; /* Water */
  --color-2: #e8f7fd; /* Clear Skies */
  --color-3: #faddd4; /* Peony Prize */
  --color-4: #f6a694; /* Au Contraire */
  --color-5: #fbeee8; /* Rose White */
}

Other schemes from Water

More Very Light Teal complementary palettes

Questions

What colors go with Water?

In a complementary scheme: Clear Skies (#E8F7FD), Peony Prize (#FADDD4), Au Contraire (#F6A694), Rose White (#FBEEE8).

What is the hex code of Water?

#D4F1F9.