Huebook

Phaser Beam Monochromatic Color Scheme

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

#711A00
#BB3300
#FF4D00
#FF8050
#FFBB99

Color names and codes

NameHEXRGBHSLCMYK
Cedar Wood Finish#711A00113, 26, 014°, 100%, 22%0, 77, 100, 56
Dropped Brick#BB3300187, 51, 016°, 100%, 37%0, 73, 100, 27
Phaser Beam#FF4D00255, 77, 018°, 100%, 50%0, 70, 100, 0
Nārangī Orange#FF8050255, 128, 8016°, 100%, 66%0, 50, 69, 0
Cream Puff#FFBB99255, 187, 15320°, 100%, 80%0, 27, 40, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #711A00 on #FFBB996.93:1AA
Aa #711A00 on #FF80504.57:1AA
Aa #BB3300 on #FFBB993.57:1AA large
Aa #711A00 on #FF4D003.41:1AA large
Aa #BB3300 on #FF80502.36:1—
Aa #FF4D00 on #FFBB992.03:1—

CSS variables

:root {
  --color-1: #711a00; /* Cedar Wood Finish */
  --color-2: #bb3300; /* Dropped Brick */
  --color-3: #ff4d00; /* Phaser Beam */
  --color-4: #ff8050; /* Nārangī Orange */
  --color-5: #ffbb99; /* Cream Puff */
}

Other schemes from Phaser Beam

More Medium Orange monochromatic palettes

Questions

What colors go with Phaser Beam?

In a monochromatic scheme: Cedar Wood Finish (#711A00), Dropped Brick (#BB3300), Nārangī Orange (#FF8050), Cream Puff (#FFBB99).

What is the hex code of Phaser Beam?

#FF4D00.