Lava Tetradic Color Scheme

Five colors arranged by the tetradic rule around Lava (#CF1020), each snapped to its nearest named color.

#CF1020

#77CC00

#11CCBB

#5511CC

#EC4A61

Color names and codes

Name	HEX	RGB	HSL	CMYK
Lava	`#CF1020`	207, 16, 32	355°, 86%, 44%	0, 92, 85, 19
Delicious Dill	`#77CC00`	119, 204, 0	85°, 100%, 40%	42, 0, 100, 20
Exquisite Turquoise	`#11CCBB`	17, 204, 187	175°, 85%, 43%	92, 0, 8, 20
Sea Serpent’s Tears	`#5511CC`	85, 17, 204	262°, 85%, 43%	58, 92, 0, 20
Calypso Coral	`#EC4A61`	236, 74, 97	351°, 81%, 61%	0, 69, 59, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #77CC00 on #5511CC	4.46:1	AA large
Aa #11CCBB on #5511CC	4.44:1	AA large
Aa #CF1020 on #77CC00	2.78:1	—
Aa #CF1020 on #11CCBB	2.77:1	—
Aa #5511CC on #EC4A61	2.45:1	—
Aa #77CC00 on #EC4A61	1.82:1	—

CSS variables

:root {
  --color-1: #cf1020; /* Lava */
  --color-2: #77cc00; /* Delicious Dill */
  --color-3: #11ccbb; /* Exquisite Turquoise */
  --color-4: #5511cc; /* Sea Serpent’s Tears */
  --color-5: #ec4a61; /* Calypso Coral */
}

Other schemes from Lava

More Medium Red tetradic palettes

Questions

What colors go with Lava?

In a tetradic scheme: Delicious Dill (#77CC00), Exquisite Turquoise (#11CCBB), Sea Serpent’s Tears (#5511CC), Calypso Coral (#EC4A61).

What is the hex code of Lava?

#CF1020.