skip to main content

skip to navigation sidebar

skip to context sidebar

created:12/30/2020

updated:12/30/2020

loc

99

comments

10%

OPatternColor

Color item displaying as a table row, with color block, sass name, and hex, RGB, and CMYK color values. Design inspired by OPattern.

Color	Variable	Hex	RGB	CMYK
	`$primary-color`	#107CB2	16, 124, 178	91, 30, 0, 30
	`$primary-color-light`	30% of $primary-color
	`$alert-color`	#D8400F	216, 64, 15	0, 70, 93, 15
	`$alert-color-light`	30% of $alert-color
	`$weather-color`	#990099	153, 0, 153	0, 100, 0, 40

Viewport

Color	Variable	Hex	RGB	CMYK
	`$primary-color`	#107CB2	16, 124, 178	91, 30, 0, 30
	`$primary-color-light`	30% of $primary-color
	`$alert-color`	#D8400F	216, 64, 15	0, 70, 93, 15
	`$alert-color-light`	30% of $alert-color
	`$weather-color`	#990099	153, 0, 153	0, 100, 0, 40

320px

Color	Variable	Hex	RGB	CMYK
	`$primary-color`	#107CB2	16, 124, 178	91, 30, 0, 30
	`$primary-color-light`	30% of $primary-color
	`$alert-color`	#D8400F	216, 64, 15	0, 70, 93, 15
	`$alert-color-light`	30% of $alert-color
	`$weather-color`	#990099	153, 0, 153	0, 100, 0, 40

375px

Color	Variable	Hex	RGB	CMYK
	`$primary-color`	#107CB2	16, 124, 178	91, 30, 0, 30
	`$primary-color-light`	30% of $primary-color
	`$alert-color`	#D8400F	216, 64, 15	0, 70, 93, 15
	`$alert-color-light`	30% of $alert-color
	`$weather-color`	#990099	153, 0, 153	0, 100, 0, 40

768px

Color	Variable	Hex	RGB	CMYK
	`$primary-color`	#107CB2	16, 124, 178	91, 30, 0, 30
	`$primary-color-light`	30% of $primary-color
	`$alert-color`	#D8400F	216, 64, 15	0, 70, 93, 15
	`$alert-color-light`	30% of $alert-color
	`$weather-color`	#990099	153, 0, 153	0, 100, 0, 40

1024px

Design Tokens/Colors/MorningstarColor

Design Tokens/Colors/PajamasColor