Theme Colors

Version Copyright © By Ben Whisman All Rights Reserved

SWATCH RGB_HEX RGB_DEC HSL_WEB NAME
// hue: // 000; sat: 000%; // greys;
 
#000000 rgb( 0, 0, 0 ) hsl( 0, 0%, 0% ) black
 
#2a2a2a rgb( 42, 42, 42 ) hsl( 0, 0%, 16.67% ) black-17pct
 
#404040 rgb( 64, 64, 64 ) hsl( 0, 0%, 25% ) charcoal
 
#555555 rgb( 85, 85, 85 ) hsl( 0, 0%, 33.33% ) black-33pct
 
#808080 rgb( 128, 128, 128 ) hsl( 0, 0%, 50% ) grey
 
#aaaaaa rgb( 170, 170, 170 ) hsl( 0, 0%, 66.67% ) black-67pct
 
#c0c0c0 rgb( 192, 192, 192 ) hsl( 0, 0%, 75% ) silver
 
#d5d5d5 rgb( 213, 213, 213 ) hsl( 0, 0%, 83.33% ) black-17pct
 
#ffffff rgb( 255, 255, 255 ) hsl( 0, 0%, 100% ) white
// hue: 345; // cherry-red;
 
#ffaac0 rgb( 255, 170, 192 ) hsl( 345, 33%, 100% ) cherry-red-tint-33
 
#ff5580 rgb( 255, 85, 128 ) hsl( 345, 67%, 100% ) cherry-red-tint-67
 
#ff0040 rgb( 255, 0, 64 ) hsl( 345, 100%, 50% ) cherry-red-medium
 
#aa002a rgb( 170, 0, 42 ) hsl( 345, 100%, 67% ) cherry-red-shade-67
 
#550015 rgb( 85, 0, 21 ) hsl( 345, 100%, 33% ) cherry-red-shade-33
// hue: 225; // indigo;
 
#aac0ff rgb( 170, 192, 255 ) hsl( 225, 33, 100 ) indigo-tint-33
 
#5580ff rgb( 85, 128, 255 ) hsl( 225, 67, 100 ) indigo-tint-67
 
#002aaa rgb( 0, 42, 170 ) hsl( 225, 100, 67 ) indigo-shade-67
 
#001555 rgb( 0, 21, 85 ) hsl( 225, 100, 33 ) indigo-shade-33
// hue: 15; // copper;
 
#ffc0aa rgb( 255, 192, 170 ) hsl( 15, 33, 100 ) copper-tint-33
 
#ff8055 rgb( 255, 128, 85 ) hsl( 15, 67, 100 ) copper-tint-67
 
#aa2a00 rgb( 170, 42, 0 ) hsl( 15, 100, 67 ) copper-shade-67
 
#551500 rgb( 85, 21, 0 ) hsl( 15, 100, 33 ) copper-shade-33
// hue: 45; // bronze;
 
#ffeaaa rgb( 255, 234, 170 ) hsl( 45, 33, 100 ) bronze-tint-33
 
#ffd555 rgb( 255, 213, 85 ) hsl( 45, 67, 100 ) bronze-tint-67
 
#aa8000 rgb( 170, 128, 0 ) hsl( 45, 100, 67 ) bronze-shade-67
 
#554000 rgb( 85, 64, 0 ) hsl( 45, 100, 33 ) bronze-shade-33
// hue: 165; // viridian;
 
#aaffea rgb( 170, 255, 234 ) hsl( 165, 33, 100 ) viridian-tint-33
 
#55ffd5 rgb( 85, 255, 213 ) hsl( 165, 67, 100 ) viridian-tint-67
 
#00aa80 rgb( 0, 170, 128 ) hsl( 165, 100, 67 ) viridian-shade-67
 
#005540 rgb( 0, 85, 64 ) hsl( 165, 100, 33 ) viridian-shade-33
// hue: 285; // purpure;
 
#eaaaff rgb( 234, 170, 255 ) hsl( 285, 33, 100 ) purpure-tint-33
 
#d555ff rgb( 213, 85, 255 ) hsl( 285, 67, 100 ) purpure-tint-67
 
#8000aa rgb( 128, 0, 170 ) hsl( 285, 100, 67 ) purpure-shade-67
 
#400055 rgb( 64, 0, 85 ) hsl( 285, 100, 33 ) purpure-shade-33
SWATCH RGB_HEX RGB_DEC HSL_WEB NAME