Huebook

Crossing the Line Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Crossing the Line (#DD2244), each snapped to its nearest named color.

#DD2244
#31D652
#2FA1DA
#9F1D35
#64E986

Color names and codes

NameHEXRGBHSLCMYK
Crossing the Line#DD2244221, 34, 68349°, 73%, 50%0, 85, 69, 13
Brazilianite#31D65249, 214, 82132°, 67%, 52%77, 0, 62, 16
Blue Damselfly#2FA1DA47, 161, 218200°, 70%, 52%78, 26, 0, 15
Vivid Burgundy#9F1D35159, 29, 53349°, 69%, 37%0, 82, 67, 38
Grotesque Green#64E986100, 233, 134135°, 75%, 65%57, 0, 42, 9

Which pairs work for text

Text on backgroundContrastWCAG
Aa #9F1D35 on #64E9865.01:1AA
Aa #31D652 on #9F1D354.02:1AA large
Aa #DD2244 on #64E9863.09:1AA large
Aa #2FA1DA on #9F1D352.68:1—
Aa #DD2244 on #31D6522.48:1—
Aa #2FA1DA on #64E9861.87:1—

CSS variables

:root {
  --color-1: #dd2244; /* Crossing the Line */
  --color-2: #31d652; /* Brazilianite */
  --color-3: #2fa1da; /* Blue Damselfly */
  --color-4: #9f1d35; /* Vivid Burgundy */
  --color-5: #64e986; /* Grotesque Green */
}

Other schemes from Crossing the Line

More Medium Red split-complementary palettes

Questions

What colors go with Crossing the Line?

In a split-complementary scheme: Brazilianite (#31D652), Blue Damselfly (#2FA1DA), Vivid Burgundy (#9F1D35), Grotesque Green (#64E986).

What is the hex code of Crossing the Line?

#DD2244.