Huebook

Volt Analogous Color Scheme

Five colors arranged by the analogous rule around Volt (#CEFF00), each snapped to its nearest named color.

#FF3300
#FFB200
#CEFF00
#4AFF00
#00FF33

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Boiling Magma#FF3300255, 51, 012°, 100%, 50%0, 80, 100, 064.6% 0.241 33
Imperial Yellow#FFB200255, 178, 042°, 100%, 50%0, 30, 100, 081.6% 0.170 77
Volt#CEFF00206, 255, 072°, 100%, 50%19, 0, 100, 093.2% 0.228 123
Chlorophyll Green#4AFF0074, 255, 0103°, 100%, 50%71, 0, 100, 087.4% 0.284 140
Lucent Lime#00FF330, 255, 51132°, 100%, 50%100, 0, 80, 086.8% 0.284 144

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF3300 on #CEFF003.13:1AA large
Aa #FF3300 on #4AFF002.72:1—
Aa #FF3300 on #00FF332.68:1—
Aa #FF3300 on #FFB2002.03:1—
Aa #FFB200 on #CEFF001.54:1—
Aa #FFB200 on #4AFF001.34:1—

CSS variables

:root {
  --color-1: #ff3300; /* Boiling Magma */
  --color-2: #ffb200; /* Imperial Yellow */
  --color-3: #ceff00; /* Volt */
  --color-4: #4aff00; /* Chlorophyll Green */
  --color-5: #00ff33; /* Lucent Lime */
}

Other schemes from Volt

More medium green analogous color schemes

Questions

What colors go with Volt?

In a analogous scheme: Boiling Magma (#FF3300), Imperial Yellow (#FFB200), Chlorophyll Green (#4AFF00), Lucent Lime (#00FF33).

What is the hex code of Volt?

#CEFF00.