Huebook

Ripasso Complementary Color Scheme

Five colors arranged by the complementary rule around Ripasso (#94312F), each snapped to its nearest named color.

#94312F
#C85A53
#2B9890
#19565E
#5CCBC7

Color names and codes

NameHEXRGBHSLCMYK
Ripasso#94312F148, 49, 471°, 52%, 38%0, 67, 68, 42
Dark Salmon#C85A53200, 90, 834°, 52%, 55%0, 55, 59, 22
Azure Tide#2B989043, 152, 144176°, 56%, 38%72, 0, 5, 40
Uncharted#19565E25, 86, 94187°, 58%, 23%73, 9, 0, 63
Setting Sail#5CCBC792, 203, 199178°, 52%, 58%55, 0, 2, 20

Which pairs work for text

Text on backgroundContrastWCAG
Aa #19565E on #5CCBC74.27:1AA large
Aa #94312F on #5CCBC73.95:1AA large
Aa #2B9890 on #19565E2.37:1—
Aa #94312F on #2B98902.19:1—
Aa #C85A53 on #5CCBC72.15:1—
Aa #C85A53 on #19565E1.99:1—

CSS variables

:root {
  --color-1: #94312f; /* Ripasso */
  --color-2: #c85a53; /* Dark Salmon */
  --color-3: #2b9890; /* Azure Tide */
  --color-4: #19565e; /* Uncharted */
  --color-5: #5ccbc7; /* Setting Sail */
}

Other schemes from Ripasso

More Dark Red complementary palettes

Questions

What colors go with Ripasso?

In a complementary scheme: Dark Salmon (#C85A53), Azure Tide (#2B9890), Uncharted (#19565E), Setting Sail (#5CCBC7).

What is the hex code of Ripasso?

#94312F.