Huebook

Red Triadic Color Scheme

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

#FF0000
#00FF00
#0000FF
#FF6666
#00B800

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Red#FF0000255, 0, 00°, 100%, 50%0, 100, 100, 062.8% 0.258 29
Green#00FF000, 255, 0120°, 100%, 50%100, 0, 100, 086.6% 0.295 142
Blue#0000FF0, 0, 255240°, 100%, 50%100, 100, 0, 045.2% 0.313 264
Pompelmo#FF6666255, 102, 1020°, 100%, 70%0, 60, 60, 070.4% 0.187 23
Bubble Bobble Green#00B8000, 184, 0120°, 100%, 36%100, 0, 100, 2867.8% 0.231 142

Which pairs work for text

Text on backgroundContrastWCAG
Aa #00FF00 on #0000FF6.26:1AA
Aa #0000FF on #00B8003.21:1AA large
Aa #0000FF on #FF66663.01:1AA large
Aa #FF0000 on #00FF002.91:1—
Aa #FF0000 on #0000FF2.15:1—
Aa #00FF00 on #FF66662.08:1—

CSS variables

:root {
  --color-1: #ff0000; /* Red */
  --color-2: #00ff00; /* Green */
  --color-3: #0000ff; /* Blue */
  --color-4: #ff6666; /* Pompelmo */
  --color-5: #00b800; /* Bubble Bobble Green */
}

Other schemes from Red

More medium red triadic color schemes

Questions

What colors go with Red?

In a triadic scheme: Green (#00FF00), Blue (#0000FF), Pompelmo (#FF6666), Bubble Bobble Green (#00B800).

What is the hex code of Red?

#FF0000.