Huebook

Vibrant Mint Analogous Color Scheme

Five colors arranged by the analogous rule around Vibrant Mint (#00FFE5), each snapped to its nearest named color.

#1BFC06
#00FF77
#00FFE5
#0099FF
#021BF9

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Highlighter Green#1BFC0627, 252, 6115°, 98%, 51%89, 0, 98, 186.0% 0.290 142
Booger Buster#00FF770, 255, 119148°, 100%, 50%100, 0, 53, 087.4% 0.242 150
Vibrant Mint#00FFE50, 255, 229174°, 100%, 50%100, 0, 10, 089.7% 0.161 182
Sky of Magritte#0099FF0, 153, 255204°, 100%, 50%100, 40, 0, 066.9% 0.184 249
Rich Blue#021BF92, 27, 249234°, 98%, 49%99, 89, 0, 245.6% 0.299 264

Which pairs work for text

Text on backgroundContrastWCAG
Aa #00FFE5 on #021BF96.50:1AA
Aa #00FF77 on #021BF96.16:1AA
Aa #1BFC06 on #021BF95.92:1AA
Aa #0099FF on #021BF92.77:1—
Aa #00FFE5 on #0099FF2.35:1—
Aa #00FF77 on #0099FF2.22:1—

CSS variables

:root {
  --color-1: #1bfc06; /* Highlighter Green */
  --color-2: #00ff77; /* Booger Buster */
  --color-3: #00ffe5; /* Vibrant Mint */
  --color-4: #0099ff; /* Sky of Magritte */
  --color-5: #021bf9; /* Rich Blue */
}

Other schemes from Vibrant Mint

More medium teal analogous color schemes

Questions

What colors go with Vibrant Mint?

In a analogous scheme: Highlighter Green (#1BFC06), Booger Buster (#00FF77), Sky of Magritte (#0099FF), Rich Blue (#021BF9).

What is the hex code of Vibrant Mint?

#00FFE5.