MediumSlateBlue rgb(123,104,238) / #7B68EE

MediumSlateBlue

rgb(123,104,238)

hsl(249,80%,67%)

cmyk(48,56,0,7)


MediumSlateBlue Color Shades in HSL model

MediumSlateBlue Color Lightness Range

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

hsl(249,80%,27%)
rgb(30,14,124)
cmyk(76,89,0,51)
hsl(249,80%,37%)
rgb(42,19,170)
cmyk(76,89,0,33)
hsl(249,80%,47%)
rgb(53,24,216)
cmyk(76,89,0,15)
hsl(249,80%,57%)
rgb(84,58,233)
cmyk(64,75,0,9)
hsl(249,80%,67%)
rgb(124,104,238)
cmyk(48,57,0,7)
hsl(249,80%,77%)
rgb(164,149,243)
cmyk(33,39,0,5)
hsl(249,80%,87%)
rgb(203,195,248)
cmyk(18,21,0,3)
hsl(249,80%,97%)
rgb(243,241,253)
cmyk(4,5,0,1)

MediumSlateBlue Color Saturation Range

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

hsl(249,30%,67%)
rgb(153,146,196)
cmyk(22,26,0,23)
hsl(249,40%,67%)
rgb(147,137,205)
cmyk(28,33,0,20)
hsl(249,50%,67%)
rgb(141,129,213)
cmyk(34,40,0,17)
hsl(249,60%,67%)
rgb(136,120,221)
cmyk(39,46,0,13)
hsl(249,70%,67%)
rgb(130,112,230)
cmyk(44,51,0,10)
hsl(249,80%,67%)
rgb(124,104,238)
cmyk(48,57,0,7)
hsl(249,90%,67%)
rgb(118,95,247)
cmyk(52,61,0,3)
hsl(249,100%,67%)
rgb(112,87,255)
cmyk(56,66,0,0)

MediumSlateBlue 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(209,80%,67%)
rgb(104,173,238)
cmyk(57,27,0,7)
hsl(219,80%,67%)
rgb(104,151,238)
cmyk(57,37,0,7)
hsl(229,80%,67%)
rgb(104,128,238)
cmyk(57,46,0,7)
hsl(239,80%,67%)
rgb(104,106,238)
cmyk(57,56,0,7)
hsl(249,80%,67%)
rgb(124,104,238)
cmyk(48,57,0,7)
hsl(259,80%,67%)
rgb(146,104,238)
cmyk(39,57,0,7)
hsl(269,80%,67%)
rgb(169,104,238)
cmyk(29,57,0,7)
hsl(279,80%,67%)
rgb(191,104,238)
cmyk(20,57,0,7)

MediumSlateBlue Color Shades in RGB model range

Color shades in Red range

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

hsl(217,86%,51%)
rgb(23,104,238)
cmyk(90,56,0,7)
hsl(222,85%,56%)
rgb(48,104,238)
cmyk(80,56,0,7)
hsl(229,83%,61%)
rgb(73,104,238)
cmyk(69,56,0,7)
hsl(237,80%,66%)
rgb(98,104,238)
cmyk(59,56,0,7)
hsl(249,80%,67%)
rgb(123,104,238)
cmyk(48,56,0,7)
hsl(260,80%,67%)
rgb(148,104,238)
cmyk(38,56,0,7)
hsl(271,80%,67%)
rgb(173,104,238)
cmyk(27,56,0,7)
hsl(282,80%,67%)
rgb(198,104,238)
cmyk(17,56,0,7)

Color shades in Green range

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

hsl(271,97%,47%)
rgb(123,4,238)
cmyk(48,98,0,7)
hsl(267,86%,52%)
rgb(123,29,238)
cmyk(48,88,0,7)
hsl(263,84%,57%)
rgb(123,54,238)
cmyk(48,77,0,7)
hsl(257,82%,62%)
rgb(123,79,238)
cmyk(48,67,0,7)
hsl(249,80%,67%)
rgb(123,104,238)
cmyk(48,56,0,7)
hsl(237,77%,71%)
rgb(123,129,238)
cmyk(48,46,0,7)
hsl(224,77%,71%)
rgb(123,154,238)
cmyk(48,35,0,7)
hsl(211,77%,71%)
rgb(123,179,238)
cmyk(48,25,0,7)

Color shades in Blue range

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

hsl(33,21%,40%)
rgb(123,104,80)
cmyk(0,15,35,52)
hsl(357,8%,45%)
rgb(123,104,105)
cmyk(0,15,15,52)
hsl(284,11%,46%)
rgb(123,104,130)
cmyk(5,20,0,49)
hsl(262,20%,51%)
rgb(123,104,155)
cmyk(21,33,0,39)
hsl(255,34%,56%)
rgb(123,104,180)
cmyk(32,42,0,29)
hsl(251,50%,61%)
rgb(123,104,205)
cmyk(40,49,0,20)
hsl(249,72%,65%)
rgb(123,104,230)
cmyk(47,55,0,10)
hsl(248,100%,70%)
rgb(123,104,255)
cmyk(52,59,0,0)

MediumSlateBlue Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(291,79%,67%)
rgb(218,104,237)
cmyk(8,56,0,7)
hsl(281,79%,67%)
rgb(194,104,237)
cmyk(18,56,0,7)
hsl(270,79%,67%)
rgb(171,104,237)
cmyk(28,56,0,7)
hsl(259,79%,67%)
rgb(147,104,237)
cmyk(38,56,0,7)
hsl(249,79%,67%)
rgb(123,104,237)
cmyk(48,56,0,7)
hsl(238,79%,66%)
rgb(100,104,237)
cmyk(58,56,0,7)
hsl(229,82%,61%)
rgb(76,104,237)
cmyk(68,56,0,7)
hsl(223,84%,57%)
rgb(52,104,237)
cmyk(78,56,0,7)

Color shades in Magenta range

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

hsl(200,76%,71%)
rgb(123,199,237)
cmyk(48,16,0,7)
hsl(213,76%,71%)
rgb(123,175,237)
cmyk(48,26,0,7)
hsl(225,76%,71%)
rgb(123,152,237)
cmyk(48,36,0,7)
hsl(238,76%,71%)
rgb(123,128,237)
cmyk(48,46,0,7)
hsl(249,79%,67%)
rgb(123,104,237)
cmyk(48,56,0,7)
hsl(256,81%,62%)
rgb(123,81,237)
cmyk(48,66,0,7)
hsl(262,83%,58%)
rgb(123,57,237)
cmyk(48,76,0,7)
hsl(267,85%,53%)
rgb(123,33,237)
cmyk(48,86,0,7)

Color shades in Yellow range

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

hsl(249,79%,67%)
rgb(123,104,237)
cmyk(48,56,0,7)
hsl(250,57%,62%)
rgb(123,104,213)
cmyk(42,51,0,16)
hsl(253,40%,58%)
rgb(123,104,190)
cmyk(35,45,0,26)
hsl(258,26%,53%)
rgb(123,104,166)
cmyk(26,37,0,35)
hsl(270,15%,48%)
rgb(123,104,142)
cmyk(13,27,0,44)
hsl(315,8%,45%)
rgb(123,104,119)
cmyk(0,15,4,52)
hsl(20,13%,43%)
rgb(123,104,95)
cmyk(0,15,23,52)
hsl(38,27%,38%)
rgb(123,104,71)
cmyk(0,15,42,52)

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(123,104,238) usage in CSS

.bg-rgb-color { background-color: rgb(123,104,238); }
.text-rgb-color { color: rgb(123,104,238); }
.border-rgb-color { border: 1px solid rgb(123,104,238); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(123,104,238); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(123,104,238); }


Color #7B68EE usage in CSS

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


Color hsl(249,80%,67%) usage in CSS

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