Vapour Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Vapour (#F0FFFF), each snapped to its nearest named color.

#56FFFF

#AAFFFF

#F0FFFF

#E7FEFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
CGA Blue	`#56FFFF`	86, 255, 255	180°, 100%, 67%	66, 0, 0, 0
Affen Turquoise	`#AAFFFF`	170, 255, 255	180°, 100%, 83%	33, 0, 0, 0
Vapour	`#F0FFFF`	240, 255, 255	180°, 100%, 97%	6, 0, 0, 0
Bubbles	`#E7FEFF`	231, 254, 255	183°, 100%, 95%	9, 0, 0, 0
Bubbles	`#E7FEFF`	231, 254, 255	183°, 100%, 95%	9, 0, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #56FFFF on #F0FFFF	1.19:1	—
Aa #56FFFF on #E7FEFF	1.17:1	—
Aa #56FFFF on #E7FEFF	1.17:1	—
Aa #AAFFFF on #F0FFFF	1.11:1	—
Aa #AAFFFF on #E7FEFF	1.08:1	—
Aa #AAFFFF on #E7FEFF	1.08:1	—

CSS variables

:root {
  --color-1: #56ffff; /* CGA Blue */
  --color-2: #aaffff; /* Affen Turquoise */
  --color-3: #f0ffff; /* Vapour */
  --color-4: #e7feff; /* Bubbles */
  --color-5: #e7feff; /* Bubbles */
}

Other schemes from Vapour

More White monochromatic palettes

Questions

What colors go with Vapour?

In a monochromatic scheme: CGA Blue (#56FFFF), Affen Turquoise (#AAFFFF), Bubbles (#E7FEFF), Bubbles (#E7FEFF).

What is the hex code of Vapour?

#F0FFFF.