Huebook

Sapphire Glitter Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Sapphire Glitter (#0033CC), each snapped to its nearest named color.

#0033CC
#CC3300
#99CC00
#002387
#F84F1D

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Sapphire Glitter#0033CC0, 51, 204225°, 100%, 40%100, 75, 0, 2042.6% 0.235 264
Pleasant Pomegranate#CC3300204, 51, 015°, 100%, 40%0, 75, 100, 2055.6% 0.195 35
Viric Green#99CC00153, 204, 075°, 100%, 40%25, 0, 100, 2078.0% 0.198 126
Resolution Blue#0023870, 35, 135224°, 100%, 26%100, 74, 0, 4732.2% 0.169 263
Exotic Orange#F84F1D248, 79, 2914°, 94%, 54%0, 68, 88, 365.9% 0.213 36

Which pairs work for text

Text on backgroundContrastWCAG
Aa #99CC00 on #0023876.91:1AA
Aa #0033CC on #99CC004.69:1AA
Aa #002387 on #F84F1D3.85:1AA large
Aa #CC3300 on #99CC002.72:1—
Aa #0033CC on #F84F1D2.61:1—
Aa #CC3300 on #0023872.54:1—

CSS variables

:root {
  --color-1: #0033cc; /* Sapphire Glitter */
  --color-2: #cc3300; /* Pleasant Pomegranate */
  --color-3: #99cc00; /* Viric Green */
  --color-4: #002387; /* Resolution Blue */
  --color-5: #f84f1d; /* Exotic Orange */
}

Other schemes from Sapphire Glitter

More medium blue split-complementary color schemes

Questions

What colors go with Sapphire Glitter?

In a split-complementary scheme: Pleasant Pomegranate (#CC3300), Viric Green (#99CC00), Resolution Blue (#002387), Exotic Orange (#F84F1D).

What is the hex code of Sapphire Glitter?

#0033CC.