Huebook

Lipstick Illusion Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Lipstick Illusion (#D4696D), each snapped to its nearest named color.

#D4696D
#6ADC99
#69A2D5
#BC363C
#A5E1C4

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Lipstick Illusion#D4696D212, 105, 109358°, 55%, 62%0, 50, 49, 1764.8% 0.135 19
Aurora Green#6ADC99106, 220, 153145°, 62%, 64%52, 0, 30, 1481.0% 0.142 156
Blue Gourami#69A2D5105, 162, 213208°, 56%, 62%51, 24, 0, 1669.3% 0.096 247
Rockin Red#BC363C188, 54, 60357°, 55%, 47%0, 71, 68, 2653.6% 0.170 23
Reef Green#A5E1C4165, 225, 196151°, 50%, 76%27, 0, 13, 1286.1% 0.073 163

Which pairs work for text

Text on backgroundContrastWCAG
Aa #BC363C on #A5E1C43.80:1AA large
Aa #6ADC99 on #BC363C3.30:1AA large
Aa #D4696D on #A5E1C42.35:1—
Aa #69A2D5 on #BC363C2.07:1—
Aa #D4696D on #6ADC992.04:1—
Aa #69A2D5 on #A5E1C41.83:1—

CSS variables

:root {
  --color-1: #d4696d; /* Lipstick Illusion */
  --color-2: #6adc99; /* Aurora Green */
  --color-3: #69a2d5; /* Blue Gourami */
  --color-4: #bc363c; /* Rockin Red */
  --color-5: #a5e1c4; /* Reef Green */
}

Other schemes from Lipstick Illusion

More light red split-complementary color schemes

Questions

What colors go with Lipstick Illusion?

In a split-complementary scheme: Aurora Green (#6ADC99), Blue Gourami (#69A2D5), Rockin Red (#BC363C), Reef Green (#A5E1C4).

What is the hex code of Lipstick Illusion?

#D4696D.