Huebook

Phaser Beam Complementary Color Scheme

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

#FF4D00
#FF8B58
#01ABFD
#007DB6
#66CCFF

Color names and codes

NameHEXRGBHSLCMYK
Phaser Beam#FF4D00255, 77, 018°, 100%, 50%0, 70, 100, 0
Mango Orange#FF8B58255, 139, 8818°, 100%, 67%0, 45, 65, 0
Krishna Blue#01ABFD1, 171, 253200°, 99%, 50%100, 32, 0, 1
Artesian Water#007DB60, 125, 182199°, 100%, 36%100, 31, 0, 29
Skyan#66CCFF102, 204, 255200°, 100%, 70%60, 20, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #007DB6 on #66CCFF2.53:1—
Aa #FF8B58 on #007DB61.97:1—
Aa #FF4D00 on #66CCFF1.84:1—
Aa #01ABFD on #007DB61.79:1—
Aa #FF4D00 on #FF8B581.44:1—
Aa #01ABFD on #66CCFF1.41:1—

CSS variables

:root {
  --color-1: #ff4d00; /* Phaser Beam */
  --color-2: #ff8b58; /* Mango Orange */
  --color-3: #01abfd; /* Krishna Blue */
  --color-4: #007db6; /* Artesian Water */
  --color-5: #66ccff; /* Skyan */
}

Other schemes from Phaser Beam

More Medium Orange complementary palettes

Questions

What colors go with Phaser Beam?

In a complementary scheme: Mango Orange (#FF8B58), Krishna Blue (#01ABFD), Artesian Water (#007DB6), Skyan (#66CCFF).

What is the hex code of Phaser Beam?

#FF4D00.