SlateBlue rgb(106,90,205) / #6A5ACD

SlateBlue

rgb(106,90,205)

hsl(248,53%,58%)

cmyk(48,56,0,20)


SlateBlue Color Shades in HSL model

SlateBlue Color Lightness Range

+/- 10% shift for L(lightness) color axis in HSL color model

hsl(248,53%,18%)
rgb(28,22,70)
cmyk(60,69,0,72)
hsl(248,53%,28%)
rgb(44,34,109)
cmyk(60,69,0,57)
hsl(248,53%,38%)
rgb(59,46,148)
cmyk(60,69,0,42)
hsl(248,53%,48%)
rgb(75,58,187)
cmyk(60,69,0,27)
hsl(248,53%,58%)
rgb(106,91,205)
cmyk(48,55,0,20)
hsl(248,53%,68%)
rgb(142,130,217)
cmyk(35,40,0,15)
hsl(248,53%,78%)
rgb(177,169,229)
cmyk(23,26,0,10)
hsl(248,53%,88%)
rgb(213,208,241)
cmyk(12,13,0,6)

SlateBlue Color Saturation Range

+/- 10% shift for S(Saturation) color axis in HSL color model

hsl(248,13%,58%)
rgb(138,134,162)
cmyk(15,17,0,37)
hsl(248,23%,58%)
rgb(130,123,173)
cmyk(25,29,0,32)
hsl(248,33%,58%)
rgb(122,113,183)
cmyk(33,39,0,28)
hsl(248,43%,58%)
rgb(114,102,194)
cmyk(41,47,0,24)
hsl(248,53%,58%)
rgb(106,91,205)
cmyk(48,55,0,20)
hsl(248,63%,58%)
rgb(98,80,215)
cmyk(54,63,0,16)
hsl(248,73%,58%)
rgb(91,70,226)
cmyk(60,69,0,11)
hsl(248,83%,58%)
rgb(83,59,237)
cmyk(65,75,0,7)

SlateBlue Color Hue Range

S (Saturation) === 0, in this case we cannot get
H (Hue) range. Cause it should be the same color, due to HSL color system.

+/- 10 grad shift for H(Hue) color axis in HSL color model

hsl(208,53%,58%)
rgb(91,152,205)
cmyk(55,26,0,20)
hsl(218,53%,58%)
rgb(91,133,205)
cmyk(55,35,0,20)
hsl(228,53%,58%)
rgb(91,114,205)
cmyk(55,44,0,20)
hsl(238,53%,58%)
rgb(91,95,205)
cmyk(55,54,0,20)
hsl(248,53%,58%)
rgb(106,91,205)
cmyk(48,55,0,20)
hsl(258,53%,58%)
rgb(125,91,205)
cmyk(39,55,0,20)
hsl(268,53%,58%)
rgb(144,91,205)
cmyk(30,55,0,20)
hsl(278,53%,58%)
rgb(163,91,205)
cmyk(20,55,0,20)

SlateBlue Color Shades in RGB model range

Color shades in Red range

+/- 25 points shift for R(Red) color axis.

hsl(215,94%,41%)
rgb(6,90,205)
cmyk(97,56,0,20)
hsl(220,74%,46%)
rgb(31,90,205)
cmyk(85,56,0,20)
hsl(226,60%,51%)
rgb(56,90,205)
cmyk(73,56,0,20)
hsl(236,55%,56%)
rgb(81,90,205)
cmyk(60,56,0,20)
hsl(248,53%,58%)
rgb(106,90,205)
cmyk(48,56,0,20)
hsl(261,53%,58%)
rgb(131,90,205)
cmyk(36,56,0,20)
hsl(274,53%,58%)
rgb(156,90,205)
cmyk(24,56,0,20)
hsl(287,53%,58%)
rgb(181,90,205)
cmyk(12,56,0,20)

Color shades in Green range

+/- 25 points shift for G(Green) color axis.

hsl(271,100%,40%)
rgb(106,0,205)
cmyk(48,100,0,20)
hsl(267,78%,45%)
rgb(106,25,205)
cmyk(48,88,0,20)
hsl(262,61%,50%)
rgb(106,50,205)
cmyk(48,76,0,20)
hsl(254,57%,55%)
rgb(106,75,205)
cmyk(48,63,0,20)
hsl(243,51%,60%)
rgb(106,100,205)
cmyk(48,51,0,20)
hsl(228,50%,61%)
rgb(106,125,205)
cmyk(48,39,0,20)
hsl(213,50%,61%)
rgb(106,150,205)
cmyk(48,27,0,20)
hsl(198,50%,61%)
rgb(106,175,205)
cmyk(48,15,0,20)

Color shades in Blue range

+/- 25 points shift for B(Blue) color axis.

hsl(23,14%,36%)
rgb(106,90,80)
cmyk(0,15,25,58)
hsl(304,8%,38%)
rgb(106,90,105)
cmyk(0,15,1,58)
hsl(264,18%,43%)
rgb(106,90,130)
cmyk(18,31,0,49)
hsl(255,27%,48%)
rgb(106,90,155)
cmyk(32,42,0,39)
hsl(251,38%,53%)
rgb(106,90,180)
cmyk(41,50,0,29)
hsl(248,53%,58%)
rgb(106,90,205)
cmyk(48,56,0,20)
hsl(247,74%,63%)
rgb(106,90,230)
cmyk(54,61,0,10)
hsl(246,100%,68%)
rgb(106,90,255)
cmyk(58,65,0,0)

SlateBlue Color Shades in CMYK model range

Color shades in Cyan range

+/- 10 percent shift for C(Cyan) color axis.

hsl(291,53%,58%)
rgb(188,90,204)
cmyk(8,56,0,20)
hsl(281,53%,58%)
rgb(167,90,204)
cmyk(18,56,0,20)
hsl(270,53%,58%)
rgb(147,90,204)
cmyk(28,56,0,20)
hsl(259,53%,58%)
rgb(126,90,204)
cmyk(38,56,0,20)
hsl(249,53%,58%)
rgb(106,90,204)
cmyk(48,56,0,20)
hsl(238,54%,57%)
rgb(86,90,204)
cmyk(58,56,0,20)
hsl(229,58%,53%)
rgb(65,90,204)
cmyk(68,56,0,20)
hsl(223,64%,49%)
rgb(45,90,204)
cmyk(78,56,0,20)

Color shades in Magenta range

+/- 10 percent shift for M(Magenta) color axis.

hsl(200,49%,61%)
rgb(106,171,204)
cmyk(48,16,0,20)
hsl(213,49%,61%)
rgb(106,151,204)
cmyk(48,26,0,20)
hsl(225,49%,61%)
rgb(106,131,204)
cmyk(48,36,0,20)
hsl(238,49%,61%)
rgb(106,110,204)
cmyk(48,46,0,20)
hsl(249,53%,58%)
rgb(106,90,204)
cmyk(48,56,0,20)
hsl(256,57%,54%)
rgb(106,69,204)
cmyk(48,66,0,20)
hsl(262,61%,50%)
rgb(106,49,204)
cmyk(48,76,0,20)
hsl(267,75%,46%)
rgb(106,29,204)
cmyk(48,86,0,20)

Color shades in Yellow range

+/- 10 percent shift for Y(Yellow) color axis.

hsl(249,53%,58%)
rgb(106,90,204)
cmyk(48,56,0,20)
hsl(250,40%,54%)
rgb(106,90,184)
cmyk(42,51,0,28)
hsl(253,29%,50%)
rgb(106,90,163)
cmyk(35,45,0,36)
hsl(258,23%,46%)
rgb(106,90,143)
cmyk(26,37,0,44)
hsl(270,15%,42%)
rgb(106,90,122)
cmyk(13,27,0,52)
hsl(315,8%,38%)
rgb(106,90,102)
cmyk(0,15,4,58)
hsl(20,13%,37%)
rgb(106,90,82)
cmyk(0,15,23,58)
hsl(38,27%,33%)
rgb(106,90,61)
cmyk(0,15,42,58)

Color shades in Black range

+/- 10 percent shift for B(Black) color axis.

hsl(249,100%,72%)
rgb(133,112,255)
cmyk(48,56,0,0)
hsl(249,72%,65%)
rgb(119,101,230)
cmyk(48,56,0,10)
hsl(249,53%,58%)
rgb(106,90,204)
cmyk(48,56,0,20)
hsl(249,40%,50%)
rgb(93,79,179)
cmyk(48,56,0,30)
hsl(249,39%,43%)
rgb(80,67,153)
cmyk(48,56,0,40)
hsl(249,39%,36%)
rgb(66,56,128)
cmyk(48,56,0,50)
hsl(249,39%,29%)
rgb(53,45,102)
cmyk(48,56,0,60)
hsl(249,39%,22%)
rgb(40,34,77)
cmyk(48,56,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(106,90,205) usage in CSS

.bg-rgb-color { background-color: rgb(106,90,205); }
.text-rgb-color { color: rgb(106,90,205); }
.border-rgb-color { border: 1px solid rgb(106,90,205); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(106,90,205); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(106,90,205); }


Color #6A5ACD usage in CSS

.bg-rgb-color { background-color: #6A5ACD; }
.text-rgb-color { color: #6A5ACD; }
.border-rgb-color { border: 1px solid #6A5ACD; }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px #6A5ACD; }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px #6A5ACD; }


Color hsl(248,53%,58%) usage in CSS

.bg-rgb-color { background-color: hsl(248,53%,58%); }
.text-rgb-color { color: hsl(248,53%,58%); }
.border-rgb-color { border: 1px solid hsl(248,53%,58%); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px hsl(248,53%,58%); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px hsl(248,53%,58%); }