Panorama Triadic Color Scheme

Five colors arranged by the triadic rule around Panorama (#327A88), each snapped to its nearest named color.

#327A88

#883377

#7C8635

#5DB1C5

#531745

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Panorama	`#327A88`	50, 122, 136	190°, 46%, 36%	63, 10, 0, 47	54.0% 0.074 212
Violet Vixen	`#883377`	136, 51, 119	312°, 45%, 37%	0, 63, 12, 47	46.6% 0.143 336
Sacred Sapling	`#7C8635`	124, 134, 53	67°, 43%, 37%	7, 0, 60, 47	59.5% 0.106 116
Gondolier	`#5DB1C5`	93, 177, 197	192°, 47%, 57%	53, 10, 0, 23	71.5% 0.086 215
Violet Carmine	`#531745`	83, 23, 69	314°, 57%, 21%	0, 72, 17, 67	32.1% 0.106 338

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5DB1C5 on #531745	5.43:1	AA
Aa #7C8635 on #531745	3.37:1	AA large
Aa #883377 on #5DB1C5	3.07:1	AA large
Aa #327A88 on #531745	2.71:1	—
Aa #327A88 on #5DB1C5	2.00:1	—
Aa #883377 on #7C8635	1.91:1	—

CSS variables

:root {
  --color-1: #327a88; /* Panorama */
  --color-2: #883377; /* Violet Vixen */
  --color-3: #7c8635; /* Sacred Sapling */
  --color-4: #5db1c5; /* Gondolier */
  --color-5: #531745; /* Violet Carmine */
}

Other schemes from Panorama

More dark teal triadic color schemes

Questions

What colors go with Panorama?

In a triadic scheme: Violet Vixen (#883377), Sacred Sapling (#7C8635), Gondolier (#5DB1C5), Violet Carmine (#531745).

What is the hex code of Panorama?

#327A88.