Huebook

Vibrant Yellow Triadic Color Scheme

Five colors arranged by the triadic rule around Vibrant Yellow (#FFDA29), each snapped to its nearest named color.

#FFDA29
#32FFDC
#DD22FF
#FBE98E
#04D8B2

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Vibrant Yellow#FFDA29255, 218, 4150°, 100%, 58%0, 15, 84, 089.4% 0.176 96
Aurichalcite#32FFDC50, 255, 220170°, 100%, 60%80, 0, 14, 089.8% 0.158 177
Cotton Candy Explosions#DD22FF221, 34, 255291°, 100%, 57%13, 87, 0, 066.0% 0.301 320
Chickery Chick#FBE98E251, 233, 14250°, 93%, 77%0, 7, 43, 292.9% 0.113 98
Channel Marker Green#04D8B24, 216, 178169°, 96%, 43%98, 0, 18, 1578.7% 0.150 174

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DD22FF on #FBE98E2.98:1—
Aa #32FFDC on #DD22FF2.87:1—
Aa #FFDA29 on #DD22FF2.66:1—
Aa #DD22FF on #04D8B22.00:1—
Aa #FBE98E on #04D8B21.49:1—
Aa #32FFDC on #04D8B21.44:1—

CSS variables

:root {
  --color-1: #ffda29; /* Vibrant Yellow */
  --color-2: #32ffdc; /* Aurichalcite */
  --color-3: #dd22ff; /* Cotton Candy Explosions */
  --color-4: #fbe98e; /* Chickery Chick */
  --color-5: #04d8b2; /* Channel Marker Green */
}

Other schemes from Vibrant Yellow

More medium yellow triadic color schemes

Questions

What colors go with Vibrant Yellow?

In a triadic scheme: Aurichalcite (#32FFDC), Cotton Candy Explosions (#DD22FF), Chickery Chick (#FBE98E), Channel Marker Green (#04D8B2).

What is the hex code of Vibrant Yellow?

#FFDA29.