Vibrant Amber Triadic Color Scheme

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

#D1902E

#2DD78D

#9632CE

#E3B982

#229966

Color names and codes

Name	HEX	RGB	HSL	CMYK
Vibrant Amber	`#D1902E`	209, 144, 46	36°, 64%, 50%	0, 31, 78, 18
Envy’s Love	`#2DD78D`	45, 215, 141	154°, 68%, 51%	79, 0, 34, 16
Dreamscape Purple	`#9632CE`	150, 50, 206	278°, 61%, 50%	27, 76, 0, 19
Cane Sugar	`#E3B982`	227, 185, 130	34°, 63%, 70%	0, 19, 43, 11
Starship Trooper	`#229966`	34, 153, 102	154°, 64%, 37%	78, 0, 33, 40

Which pairs work for text

Text on background	Contrast	WCAG
Aa #9632CE on #E3B982	3.16:1	AA large
Aa #2DD78D on #9632CE	3.08:1	AA large
Aa #D1902E on #9632CE	2.12:1	—
Aa #E3B982 on #229966	1.98:1	—
Aa #2DD78D on #229966	1.93:1	—
Aa #9632CE on #229966	1.60:1	—

CSS variables

:root {
  --color-1: #d1902e; /* Vibrant Amber */
  --color-2: #2dd78d; /* Envy’s Love */
  --color-3: #9632ce; /* Dreamscape Purple */
  --color-4: #e3b982; /* Cane Sugar */
  --color-5: #229966; /* Starship Trooper */
}

Other schemes from Vibrant Amber

More Medium Orange triadic palettes

Questions

What colors go with Vibrant Amber?

In a triadic scheme: Envy’s Love (#2DD78D), Dreamscape Purple (#9632CE), Cane Sugar (#E3B982), Starship Trooper (#229966).

What is the hex code of Vibrant Amber?

#D1902E.