Frozen Wave Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Frozen Wave (#56ACCA), each snapped to its nearest named color.

#225869

#308EA0

#56ACCA

#8FCBDC

#C9E5EE

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Bright Nautilus	`#225869`	34, 88, 105	194°, 51%, 27%	68, 16, 0, 59	43.2% 0.063 222
Scooter	`#308EA0`	48, 142, 160	190°, 54%, 41%	70, 11, 0, 37	60.0% 0.090 213
Frozen Wave	`#56ACCA`	86, 172, 202	196°, 52%, 56%	57, 15, 0, 21	70.3% 0.094 223
Baby Motive	`#8FCBDC`	143, 203, 220	193°, 52%, 71%	35, 8, 0, 14	80.7% 0.066 217
Sapphireberry	`#C9E5EE`	201, 229, 238	195°, 52%, 86%	16, 4, 0, 7	90.4% 0.032 219

Which pairs work for text

Text on background	Contrast	WCAG
Aa #225869 on #C9E5EE	5.97:1	AA
Aa #225869 on #8FCBDC	4.40:1	AA large
Aa #225869 on #56ACCA	3.05:1	AA large
Aa #308EA0 on #C9E5EE	2.89:1	—
Aa #308EA0 on #8FCBDC	2.13:1	—
Aa #225869 on #308EA0	2.06:1	—

CSS variables

:root {
  --color-1: #225869; /* Bright Nautilus */
  --color-2: #308ea0; /* Scooter */
  --color-3: #56acca; /* Frozen Wave */
  --color-4: #8fcbdc; /* Baby Motive */
  --color-5: #c9e5ee; /* Sapphireberry */
}

Other schemes from Frozen Wave

More medium blue monochromatic color schemes

Questions

What colors go with Frozen Wave?

In a monochromatic scheme: Bright Nautilus (#225869), Scooter (#308EA0), Baby Motive (#8FCBDC), Sapphireberry (#C9E5EE).

What is the hex code of Frozen Wave?

#56ACCA.