Wavelet Complementary Color Scheme

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

#7DC4CD

#BFE1E6

#CD827D

#B85045

#EBC9C6

Color names and codes

Name	HEX	RGB	HSL	CMYK
Wavelet	`#7DC4CD`	125, 196, 205	187°, 44%, 65%	39, 4, 0, 20
H₂O	`#BFE1E6`	191, 225, 230	188°, 44%, 83%	17, 2, 0, 10
Raspberry Ripple	`#CD827D`	205, 130, 125	4°, 44%, 65%	0, 37, 39, 20
Amaryllis	`#B85045`	184, 80, 69	6°, 45%, 50%	0, 57, 63, 28
Fairy Floss	`#EBC9C6`	235, 201, 198	5°, 48%, 85%	0, 14, 16, 8

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BFE1E6 on #B85045	3.54:1	AA large
Aa #B85045 on #EBC9C6	3.21:1	AA large
Aa #7DC4CD on #B85045	2.49:1	—
Aa #BFE1E6 on #CD827D	2.14:1	—
Aa #CD827D on #EBC9C6	1.93:1	—
Aa #CD827D on #B85045	1.66:1	—

CSS variables

:root {
  --color-1: #7dc4cd; /* Wavelet */
  --color-2: #bfe1e6; /* H₂O */
  --color-3: #cd827d; /* Raspberry Ripple */
  --color-4: #b85045; /* Amaryllis */
  --color-5: #ebc9c6; /* Fairy Floss */
}

Other schemes from Wavelet

More Light Teal complementary palettes

Questions

What colors go with Wavelet?

In a complementary scheme: H₂O (#BFE1E6), Raspberry Ripple (#CD827D), Amaryllis (#B85045), Fairy Floss (#EBC9C6).

What is the hex code of Wavelet?

#7DC4CD.