Huebook

Grilled Tomato Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Grilled Tomato (#AF3519), each snapped to its nearest named color.

#AF3519
#1AB385
#1150AF
#662211
#2EE8BB

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Grilled Tomato#AF3519175, 53, 2511°, 75%, 39%0, 70, 86, 3150.8% 0.163 34
Dark Mountain Meadow#1AB38526, 179, 133162°, 75%, 40%85, 0, 26, 3068.2% 0.137 166
Aarhusian Sky#1150AF17, 80, 175216°, 82%, 38%90, 54, 0, 3145.4% 0.164 260
Brown Moelleux#662211102, 34, 1712°, 71%, 23%0, 67, 83, 6035.4% 0.102 35
Aquamarine#2EE8BB46, 232, 187165°, 80%, 55%80, 0, 19, 983.3% 0.155 171

Which pairs work for text

Text on backgroundContrastWCAG
Aa #662211 on #2EE8BB7.42:1AAA
Aa #1150AF on #2EE8BB4.79:1AA
Aa #1AB385 on #6622114.35:1AA large
Aa #AF3519 on #2EE8BB4.00:1AA large
Aa #1AB385 on #1150AF2.81:1—
Aa #AF3519 on #1AB3852.34:1—

CSS variables

:root {
  --color-1: #af3519; /* Grilled Tomato */
  --color-2: #1ab385; /* Dark Mountain Meadow */
  --color-3: #1150af; /* Aarhusian Sky */
  --color-4: #662211; /* Brown Moelleux */
  --color-5: #2ee8bb; /* Aquamarine */
}

Other schemes from Grilled Tomato

More dark red split-complementary color schemes

Questions

What colors go with Grilled Tomato?

In a split-complementary scheme: Dark Mountain Meadow (#1AB385), Aarhusian Sky (#1150AF), Brown Moelleux (#662211), Aquamarine (#2EE8BB).

What is the hex code of Grilled Tomato?

#AF3519.