Huebook

Phaser Beam Triadic Color Scheme

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

#FF4D00
#00FF55
#5500FF
#FF9066
#00BB33

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Phaser Beam#FF4D00255, 77, 018°, 100%, 50%0, 70, 100, 066.8% 0.224 37
Cathode Green#00FF550, 255, 85140°, 100%, 50%100, 0, 67, 087.0% 0.266 146
Radiant Feather#5500FF85, 0, 255260°, 100%, 50%67, 100, 0, 048.9% 0.296 280
Pink Orange#FF9066255, 144, 10216°, 100%, 70%0, 44, 60, 076.4% 0.146 41
Toxic Sludge#00BB330, 187, 51136°, 100%, 37%100, 0, 73, 2768.8% 0.217 145

Which pairs work for text

Text on backgroundContrastWCAG
Aa #00FF55 on #5500FF5.45:1AA
Aa #5500FF on #FF90663.33:1AA large
Aa #5500FF on #00BB332.88:1—
Aa #FF4D00 on #00FF552.44:1—
Aa #FF4D00 on #5500FF2.23:1—
Aa #00FF55 on #00BB331.89:1—

CSS variables

:root {
  --color-1: #ff4d00; /* Phaser Beam */
  --color-2: #00ff55; /* Cathode Green */
  --color-3: #5500ff; /* Radiant Feather */
  --color-4: #ff9066; /* Pink Orange */
  --color-5: #00bb33; /* Toxic Sludge */
}

Other schemes from Phaser Beam

More medium orange triadic color schemes

Questions

What colors go with Phaser Beam?

In a triadic scheme: Cathode Green (#00FF55), Radiant Feather (#5500FF), Pink Orange (#FF9066), Toxic Sludge (#00BB33).

What is the hex code of Phaser Beam?

#FF4D00.