Sapphire Glitter Tetradic Color Scheme
Five colors arranged by the tetradic rule around Sapphire Glitter (#0033CC), each snapped to its nearest named color.
#0033CC
#CC0088
#CC9900
#00CC33
#3366FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sapphire Glitter | #0033CC | 0, 51, 204 | 225°, 100%, 40% | 100, 75, 0, 20 | |
| Snappy Violet | #CC0088 | 204, 0, 136 | 320°, 100%, 40% | 0, 100, 33, 20 | |
| Vivid Amber | #CC9900 | 204, 153, 0 | 45°, 100%, 40% | 0, 25, 100, 20 | |
| Vivid Malachite | #00CC33 | 0, 204, 51 | 135°, 100%, 40% | 100, 0, 75, 20 | |
| Gentian Flower | #3366FF | 51, 102, 255 | 225°, 100%, 60% | 80, 60, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0033CC on #00CC33 | 4.13:1 | AA large |
| Aa #0033CC on #CC9900 | 3.46:1 | AA large |
| Aa #CC0088 on #00CC33 | 2.47:1 | — |
| Aa #00CC33 on #3366FF | 2.16:1 | — |
| Aa #CC0088 on #CC9900 | 2.07:1 | — |
| Aa #0033CC on #3366FF | 1.91:1 | — |
CSS variables
:root {
--color-1: #0033cc; /* Sapphire Glitter */
--color-2: #cc0088; /* Snappy Violet */
--color-3: #cc9900; /* Vivid Amber */
--color-4: #00cc33; /* Vivid Malachite */
--color-5: #3366ff; /* Gentian Flower */
}Other schemes from Sapphire Glitter
- Sapphire Glitter Complementary Color Scheme#0033CC#265EF7#CC9900#886600#FFCC33
- Sapphire Glitter Analogous Color Scheme#00CC99#0099CC#0033CC#3300CC#9400D3
- Sapphire Glitter Triadic Color Scheme#0033CC#CC0033#33CC00#3366FF#800020
- Sapphire Glitter Split-complementary Color Scheme#0033CC#CC3300#99CC00#002387#F84F1D
- Sapphire Glitter Monochromatic Color Scheme#071037#002387#0033CC#1155FF#6688FF
More Medium Blue tetradic palettes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
Questions
What colors go with Sapphire Glitter?
In a tetradic scheme: Snappy Violet (#CC0088), Vivid Amber (#CC9900), Vivid Malachite (#00CC33), Gentian Flower (#3366FF).
What is the hex code of Sapphire Glitter?
#0033CC.