Huebook

Peanut Butter Jelly Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Peanut Butter Jelly (#CE4A2D), each snapped to its nearest named color.

#CE4A2D
#33CC99
#2266CC
#8B2E19
#68DFBB

Color names and codes

NameHEXRGBHSLCMYK
Peanut Butter Jelly#CE4A2D206, 74, 4511°, 64%, 49%0, 64, 78, 19
Dark Shamrock#33CC9951, 204, 153160°, 60%, 50%75, 0, 25, 20
Janitor#2266CC34, 102, 204216°, 71%, 47%83, 50, 0, 20
Gulab Brown#8B2E19139, 46, 2511°, 70%, 32%0, 67, 82, 45
Ocean in a Bowl#68DFBB104, 223, 187162°, 65%, 64%53, 0, 16, 13

Which pairs work for text

Text on backgroundContrastWCAG
Aa #8B2E19 on #68DFBB5.14:1AA
Aa #33CC99 on #8B2E194.09:1AA large
Aa #2266CC on #68DFBB3.35:1AA large
Aa #CE4A2D on #68DFBB2.77:1—
Aa #33CC99 on #2266CC2.67:1—
Aa #CE4A2D on #33CC992.21:1—

CSS variables

:root {
  --color-1: #ce4a2d; /* Peanut Butter Jelly */
  --color-2: #33cc99; /* Dark Shamrock */
  --color-3: #2266cc; /* Janitor */
  --color-4: #8b2e19; /* Gulab Brown */
  --color-5: #68dfbb; /* Ocean in a Bowl */
}

Other schemes from Peanut Butter Jelly

More Medium Red split-complementary palettes

Questions

What colors go with Peanut Butter Jelly?

In a split-complementary scheme: Dark Shamrock (#33CC99), Janitor (#2266CC), Gulab Brown (#8B2E19), Ocean in a Bowl (#68DFBB).

What is the hex code of Peanut Butter Jelly?

#CE4A2D.