/* Normal colors */
.redN {color: rgb(253, 12, 28);}
.orangeN {color: rgb(248, 151, 44);}
.yellowN {color: rgb(255, 253, 56);}
.greenN {color: rgb(20, 150, 24);}
.blueN {color: rgb(53, 62, 255);}
.purpleN {color: rgb(152,28,202);}

/* Deutan colors */
.redD {color: rgb(169, 146, 30);}
.orangeD {color: rgb(255, 199, 42);}
.yellowD {color: rgb(252, 233, 55);}
.greenD {color: rgb(194, 167, 62);}
.blueD {color: rgb(68, 131, 244);}
.purpleD {color: rgb(87, 126, 217);}

/* Protan colors */
.redP {color: rgb(120, 103, 34);}
.orangeP {color: rgb(210, 187, 45);}
.yellowP {color: rgb(254, 238, 54);}
.greenP {color: rgb(226, 197, 43);}
.blueP {color: rgb(78 134, 245);}
.purpleP {color: rgb(16, 93, 224);}

/* Tritan colors */
.redT {color: rgb(241, 16, 93);}
.orangeT {color: rgb(252, 159, 178);}
.yellowT {color: rgb(253, 222, 228);}
.greenT {color: rgb(83, 205, 246);}
.blueT {color: rgb(23, 151, 196);}
.purpleT {color: rgb(171, 85, 112);}

/* Background normal colors */
.B-redN {background-color: rgb(253, 12, 28);}
.B-orangeN {background-color: rgb(248, 151, 44);}
.B-yellowN {background-color: rgb(255, 253, 56);}
.B-greenN {background-color: rgb(20, 150, 24);}
.B-blueN {background-color: rgb(53, 62, 255);}
.B-purpleN {background-color: rgb(152,28,202);}

/* Background Deutan colors */
.B-redD {background-color: rgb(169, 146, 30);}
.B-orangeD {background-color: rgb(255, 199, 42);}
.B-yellowD {background-color: rgb(252, 233, 55);}
.B-greenD {background-color: rgb(194, 167, 62);}
.B-blueD {background-color: rgb(68, 131, 244);}
.B-purpleD {background-color: rgb(87, 126, 217);}

/* Background Protan colors */
.B-redP {background-color: rgb(120, 103, 34);}
.B-orangeP {background-color: rgb(210, 187, 45);}
.B-yellowP {background-color: rgb(254, 238, 54);}
.B-greenP {background-color: rgb(226, 197, 43);}
.B-blueP {background-color: rgb(78, 134, 245);}
.B-purpleP {background-color: rgb(16, 93, 224);}

/* Background Tritan colors */
.B-redT {background-color: rgb(241, 16, 93);}
.B-orangeT {background-color: rgb(252, 159, 178);}
.B-yellowT {background-color: rgb(253, 222, 228);}
.B-greenT {background-color: rgb(83, 205, 246);}
.B-blueT {background-color: rgb(23, 151, 196);}
.B-purpleT {background-color: rgb(171, 85, 112);}

/* Color Blind Palette */
.paletteBlack {background-color: rgb(0,0,0);}
.paletteOrange {background-color: rgb(230,159,0);}
.paletteSkyBlue {background-color: rgb(86,180,233);}
.paletteBluishGreen {background-color: rgb(0,158,115);}
.paletteYellow {background-color: rgb(240,228,66);}
.paletteBlue {background-color: rgb(0,114,178);}
.paletteVermillon {background-color: rgb(213,94,0);}
.paletteReddishPurple {background-color: rgb(204,121,167);}


/* GOOD vs BAD Contrast */

.color1 {background-color: rgb(253,211,197);}
.color2 {background-color: rgb(35,31,31);}
.color2t {color: rgb(35,31,31);}
.color3 {background-color: rgb(236,27,48);}
.color4 {background-color: rgb(0,153,86);}
.color4t {color: rgb(0,153,86);}

.color5 {background-color: rgb(199,228,211);}
.color6 {background-color: rgb(169,48,111);}
.color6t {color: rgb(169,48,111);}
.color7 {background-color: rgb(252,211,196);}
.color8 {background-color: rgb(121,193,158);}
.color8t {color: rgb(121,193,158);}

.color9 {background-color: rgb(255,232,0);}
.color10 {background-color: rgb(61,106,179);}
.color10t {color: rgb(61,106,179);}
.color11 {background-color: rgb(255,232,0);}
.color12 {background-color: rgb(245,130,32);}
.color12t {color: rgb(245,130,32);}

.color13 {background-color: rgb(158,141,196);}
.color14 {background-color: rgb(95,65,57);}
.color14t {color: rgb(95,65,57);}
.color15 {background-color: rgb(82,64,106);}
.color16 {background-color: rgb(95,65,57);}
.color16t {color: rgb(95,65,57);}

.utahredt {color: rgb(204,0,0);}
.utahred {background-color: rgb(204,0,0);}
.utahgray {background-color: rgb(128,128,128);}
.utahgraywebsite {background-color: rgb(51,51,51);}
.white {background-color: rgb(255,255,255);}
.black {background-color: rgb(0,0,0);}
.blank {color:#f3f4fb);}