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

NameHEXRGBHSLCMYK
Banana Brick#E8D82C232, 216, 4455°, 80%, 54%0, 7, 81, 9
Ice Climber#25E2CD37, 226, 205173°, 77%, 52%84, 0, 9, 11
Epink#DD33FF221, 51, 255290°, 100%, 60%13, 80, 0, 0
King’s Field#F2E887242, 232, 13554°, 80%, 74%0, 4, 44, 5
Cozumel#0AAFA410, 175, 164176°, 89%, 36%94, 0, 6, 31

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 palettes

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.