Huebook

Prometheus Orange Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Prometheus Orange (#F4581E), each snapped to its nearest named color.

#F4581E
#13EAC9
#1155FF
#BB3300
#73FCD6

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Prometheus Orange#F4581E244, 88, 3016°, 91%, 54%0, 64, 88, 466.3% 0.202 38
Fake Jade#13EAC919, 234, 201171°, 85%, 50%92, 0, 14, 883.9% 0.153 177
Light Shōjin Blue#1155FF17, 85, 255223°, 100%, 53%93, 67, 0, 053.5% 0.258 263
Dropped Brick#BB3300187, 51, 016°, 100%, 37%0, 73, 100, 2752.6% 0.179 36
Spindrift#73FCD6115, 252, 214163°, 96%, 72%54, 0, 15, 190.4% 0.132 172

Which pairs work for text

Text on backgroundContrastWCAG
Aa #BB3300 on #73FCD64.64:1AA
Aa #1155FF on #73FCD64.41:1AA large
Aa #13EAC9 on #BB33003.80:1AA large
Aa #13EAC9 on #1155FF3.62:1AA large
Aa #F4581E on #73FCD62.66:1—
Aa #F4581E on #13EAC92.18:1—

CSS variables

:root {
  --color-1: #f4581e; /* Prometheus Orange */
  --color-2: #13eac9; /* Fake Jade */
  --color-3: #1155ff; /* Light Shōjin Blue */
  --color-4: #bb3300; /* Dropped Brick */
  --color-5: #73fcd6; /* Spindrift */
}

Other schemes from Prometheus Orange

More medium orange split-complementary color schemes

Questions

What colors go with Prometheus Orange?

In a split-complementary scheme: Fake Jade (#13EAC9), Light Shōjin Blue (#1155FF), Dropped Brick (#BB3300), Spindrift (#73FCD6).

What is the hex code of Prometheus Orange?

#F4581E.