Magma Monochromatic Color Scheme

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

#711A00

#BB3300

#FF4E01

#FF8050

#FFBB99

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cedar Wood Finish	`#711A00`	113, 26, 0	14°, 100%, 22%	0, 77, 100, 56
Dropped Brick	`#BB3300`	187, 51, 0	16°, 100%, 37%	0, 73, 100, 27
Magma	`#FF4E01`	255, 78, 1	18°, 100%, 50%	0, 69, 100, 0
Nārangī Orange	`#FF8050`	255, 128, 80	16°, 100%, 66%	0, 50, 69, 0
Cream Puff	`#FFBB99`	255, 187, 153	20°, 100%, 80%	0, 27, 40, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #711A00 on #FFBB99	6.93:1	AA
Aa #711A00 on #FF8050	4.57:1	AA
Aa #BB3300 on #FFBB99	3.57:1	AA large
Aa #711A00 on #FF4E01	3.43:1	AA large
Aa #BB3300 on #FF8050	2.36:1	—
Aa #FF4E01 on #FFBB99	2.02:1	—

CSS variables

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

Other schemes from Magma

More Medium Orange monochromatic palettes

Questions

What colors go with Magma?

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

What is the hex code of Magma?

#FF4E01.