DarkSlateBlue rgb(72,61,139) / #483D8B

DarkSlateBlue

rgb(72,61,139)

hsl(248,39%,39%)

cmyk(48,56,0,45)


DarkSlateBlue Color Shades in HSL model

DarkSlateBlue Color Lightness Range

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

hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)
hsl(248,39%,10%)
rgb(18,16,35)
cmyk(49,56,0,86)
hsl(248,39%,20%)
rgb(36,31,71)
cmyk(49,56,0,72)
hsl(248,39%,30%)
rgb(55,47,106)
cmyk(49,56,0,58)
hsl(248,39%,40%)
rgb(73,62,142)
cmyk(49,56,0,44)
hsl(248,39%,50%)
rgb(91,78,177)
cmyk(49,56,0,30)
hsl(248,39%,60%)
rgb(124,113,193)
cmyk(36,41,0,24)
hsl(248,39%,70%)
rgb(157,149,208)
cmyk(25,29,0,18)

DarkSlateBlue Color Saturation Range

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

hsl(0,0%,39%)
rgb(99,99,99)
cmyk(0,0,0,61)
hsl(248,10%,39%)
rgb(92,90,109)
cmyk(16,18,0,57)
hsl(248,20%,39%)
rgb(85,80,119)
cmyk(29,33,0,53)
hsl(248,30%,39%)
rgb(78,70,129)
cmyk(40,46,0,49)
hsl(248,40%,39%)
rgb(70,60,139)
cmyk(50,57,0,45)
hsl(248,50%,39%)
rgb(63,50,149)
cmyk(58,67,0,42)
hsl(248,60%,39%)
rgb(56,40,159)
cmyk(65,75,0,38)
hsl(248,70%,39%)
rgb(48,30,169)
cmyk(71,82,0,34)

DarkSlateBlue 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,39%,39%)
rgb(61,102,138)
cmyk(56,26,0,46)
hsl(218,39%,39%)
rgb(61,89,138)
cmyk(56,36,0,46)
hsl(228,39%,39%)
rgb(61,76,138)
cmyk(56,45,0,46)
hsl(238,39%,39%)
rgb(61,63,138)
cmyk(56,54,0,46)
hsl(248,39%,39%)
rgb(71,61,138)
cmyk(49,56,0,46)
hsl(258,39%,39%)
rgb(84,61,138)
cmyk(39,56,0,46)
hsl(268,39%,39%)
rgb(97,61,138)
cmyk(30,56,0,46)
hsl(278,39%,39%)
rgb(110,61,138)
cmyk(21,56,0,46)

DarkSlateBlue Color Shades in RGB model range

Color shades in Red range

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

hsl(214,100%,27%)
rgb(0,61,139)
cmyk(100,56,0,45)
hsl(221,70%,32%)
rgb(25,61,139)
cmyk(82,56,0,45)
hsl(233,47%,37%)
rgb(50,61,139)
cmyk(64,56,0,45)
hsl(251,39%,39%)
rgb(75,61,139)
cmyk(46,56,0,45)
hsl(270,39%,39%)
rgb(100,61,139)
cmyk(28,56,0,45)
hsl(289,39%,39%)
rgb(125,61,139)
cmyk(10,56,0,45)
hsl(307,42%,41%)
rgb(150,61,139)
cmyk(0,59,7,41)
hsl(319,48%,46%)
rgb(175,61,139)
cmyk(0,65,21,31)

Color shades in Green range

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

hsl(271,100%,27%)
rgb(72,0,139)
cmyk(48,100,0,45)
hsl(265,70%,32%)
rgb(72,25,139)
cmyk(48,82,0,45)
hsl(255,47%,37%)
rgb(72,50,139)
cmyk(48,64,0,45)
hsl(237,32%,41%)
rgb(72,75,139)
cmyk(48,46,0,45)
hsl(215,32%,41%)
rgb(72,100,139)
cmyk(48,28,0,45)
hsl(193,32%,41%)
rgb(72,125,139)
cmyk(48,10,0,45)
hsl(172,35%,44%)
rgb(72,150,139)
cmyk(52,0,7,41)
hsl(159,42%,48%)
rgb(72,175,139)
cmyk(59,0,21,31)

Color shades in Blue range

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

hsl(40,30%,22%)
rgb(72,61,39)
cmyk(0,15,46,72)
hsl(344,8%,26%)
rgb(72,61,64)
cmyk(0,15,11,72)
hsl(264,19%,29%)
rgb(72,61,89)
cmyk(19,31,0,65)
hsl(252,30%,34%)
rgb(72,61,114)
cmyk(37,46,0,55)
hsl(248,39%,39%)
rgb(72,61,139)
cmyk(48,56,0,45)
hsl(246,46%,44%)
rgb(72,61,164)
cmyk(56,63,0,36)
hsl(245,51%,49%)
rgb(72,61,189)
cmyk(62,68,0,26)
hsl(244,65%,54%)
rgb(72,61,214)
cmyk(66,71,0,16)

DarkSlateBlue Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(291,39%,40%)
rgb(129,62,140)
cmyk(8,56,0,45)
hsl(281,39%,40%)
rgb(115,62,140)
cmyk(18,56,0,45)
hsl(270,39%,40%)
rgb(101,62,140)
cmyk(28,56,0,45)
hsl(259,39%,40%)
rgb(87,62,140)
cmyk(38,56,0,45)
hsl(249,39%,40%)
rgb(73,62,140)
cmyk(48,56,0,45)
hsl(238,41%,39%)
rgb(59,62,140)
cmyk(58,56,0,45)
hsl(229,52%,36%)
rgb(45,62,140)
cmyk(68,56,0,45)
hsl(223,64%,34%)
rgb(31,62,140)
cmyk(78,56,0,45)

Color shades in Magenta range

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

hsl(200,32%,42%)
rgb(73,118,140)
cmyk(48,16,0,45)
hsl(213,32%,42%)
rgb(73,104,140)
cmyk(48,26,0,45)
hsl(225,32%,42%)
rgb(73,90,140)
cmyk(48,36,0,45)
hsl(238,32%,42%)
rgb(73,76,140)
cmyk(48,46,0,45)
hsl(249,39%,40%)
rgb(73,62,140)
cmyk(48,56,0,45)
hsl(256,49%,37%)
rgb(73,48,140)
cmyk(48,66,0,45)
hsl(262,61%,34%)
rgb(73,34,140)
cmyk(48,76,0,45)
hsl(267,75%,31%)
rgb(73,20,140)
cmyk(48,86,0,45)

Color shades in Yellow range

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

hsl(249,39%,40%)
rgb(73,62,140)
cmyk(48,56,0,45)
hsl(250,34%,37%)
rgb(73,62,126)
cmyk(42,51,0,51)
hsl(253,29%,34%)
rgb(73,62,112)
cmyk(35,45,0,56)
hsl(258,23%,31%)
rgb(73,62,98)
cmyk(26,37,0,62)
hsl(270,15%,29%)
rgb(73,62,84)
cmyk(13,27,0,67)
hsl(315,8%,26%)
rgb(73,62,70)
cmyk(0,15,4,71)
hsl(20,13%,25%)
rgb(73,62,56)
cmyk(0,15,23,71)
hsl(38,27%,23%)
rgb(73,62,42)
cmyk(0,15,42,71)

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(72,61,139) usage in CSS

.bg-rgb-color { background-color: rgb(72,61,139); }
.text-rgb-color { color: rgb(72,61,139); }
.border-rgb-color { border: 1px solid rgb(72,61,139); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(72,61,139); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(72,61,139); }


Color #483D8B usage in CSS

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


Color hsl(248,39%,39%) usage in CSS

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