Huebook

Banana Brick Triadic Color Scheme

Five colors arranged by the triadic rule around Banana Brick (#E8D82C), each snapped to its nearest named color.

#E8D82C
#25E2CD
#DD33FF
#F2E887
#0AAFA4

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Banana Brick#E8D82C232, 216, 4455°, 80%, 54%0, 7, 81, 986.9% 0.173 104
Ice Climber#25E2CD37, 226, 205173°, 77%, 52%84, 0, 9, 1182.2% 0.141 183
Epink#DD33FF221, 51, 255290°, 100%, 60%13, 80, 0, 066.8% 0.290 320
King’s Field#F2E887242, 232, 13554°, 80%, 74%0, 4, 44, 591.8% 0.119 103
Cozumel#0AAFA410, 175, 164176°, 89%, 36%94, 0, 6, 3167.9% 0.117 187

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DD33FF on #F2E8872.78:1—
Aa #E8D82C on #DD33FF2.38:1—
Aa #F2E887 on #0AAFA42.17:1—
Aa #25E2CD on #DD33FF2.14:1—
Aa #E8D82C on #0AAFA41.86:1—
Aa #25E2CD on #0AAFA41.67:1—

CSS variables

:root {
  --color-1: #e8d82c; /* Banana Brick */
  --color-2: #25e2cd; /* Ice Climber */
  --color-3: #dd33ff; /* Epink */
  --color-4: #f2e887; /* King’s Field */
  --color-5: #0aafa4; /* Cozumel */
}

Other schemes from Banana Brick

More medium yellow triadic color schemes

Questions

What colors go with Banana Brick?

In a triadic scheme: Ice Climber (#25E2CD), Epink (#DD33FF), King’s Field (#F2E887), Cozumel (#0AAFA4).

What is the hex code of Banana Brick?

#E8D82C.