rgb(131,58,180) / #833AB4

rgb(131,58,180)

hsl(276,51%,47%)

cmyk(27,68,0,29)


Color Shades in HSL model

Color Lightness Range

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

hsl(276,51%,7%)
rgb(20,9,27)
cmyk(27,68,0,89)
hsl(276,51%,17%)
rgb(48,21,65)
cmyk(27,68,0,74)
hsl(276,51%,27%)
rgb(76,34,104)
cmyk(27,68,0,59)
hsl(276,51%,37%)
rgb(104,46,142)
cmyk(27,68,0,44)
hsl(276,51%,47%)
rgb(132,59,181)
cmyk(27,68,0,29)
hsl(276,51%,57%)
rgb(157,89,201)
cmyk(22,56,0,21)
hsl(276,51%,67%)
rgb(179,128,214)
cmyk(16,40,0,16)
hsl(276,51%,77%)
rgb(202,166,226)
cmyk(11,26,0,11)

Color Saturation Range

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

hsl(276,11%,47%)
rgb(122,107,133)
cmyk(8,20,0,48)
hsl(276,21%,47%)
rgb(125,95,145)
cmyk(14,35,0,43)
hsl(276,31%,47%)
rgb(127,83,157)
cmyk(19,47,0,38)
hsl(276,41%,47%)
rgb(130,71,169)
cmyk(23,58,0,34)
hsl(276,51%,47%)
rgb(132,59,181)
cmyk(27,68,0,29)
hsl(276,61%,47%)
rgb(134,47,193)
cmyk(30,76,0,24)
hsl(276,71%,47%)
rgb(137,35,205)
cmyk(33,83,0,20)
hsl(276,81%,47%)
rgb(139,23,217)
cmyk(36,90,0,15)

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(236,51%,47%)
rgb(59,67,181)
cmyk(68,63,0,29)
hsl(246,51%,47%)
rgb(71,59,181)
cmyk(61,68,0,29)
hsl(256,51%,47%)
rgb(91,59,181)
cmyk(50,68,0,29)
hsl(266,51%,47%)
rgb(112,59,181)
cmyk(38,68,0,29)
hsl(276,51%,47%)
rgb(132,59,181)
cmyk(27,68,0,29)
hsl(286,51%,47%)
rgb(152,59,181)
cmyk(16,68,0,29)
hsl(296,51%,47%)
rgb(173,59,181)
cmyk(5,68,0,29)
hsl(306,51%,47%)
rgb(181,59,169)
cmyk(0,68,7,29)

Color Shades in RGB model range

Color shades in Red range

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

hsl(229,71%,41%)
rgb(31,58,180)
cmyk(83,68,0,29)
hsl(239,53%,46%)
rgb(56,58,180)
cmyk(69,68,0,29)
hsl(251,51%,47%)
rgb(81,58,180)
cmyk(55,68,0,29)
hsl(264,51%,47%)
rgb(106,58,180)
cmyk(41,68,0,29)
hsl(276,51%,47%)
rgb(131,58,180)
cmyk(27,68,0,29)
hsl(288,51%,47%)
rgb(156,58,180)
cmyk(13,68,0,29)
hsl(300,51%,47%)
rgb(181,58,180)
cmyk(0,68,1,29)
hsl(311,60%,52%)
rgb(206,58,180)
cmyk(0,72,13,19)

Color shades in Green range

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

hsl(284,100%,35%)
rgb(131,0,180)
cmyk(27,100,0,29)
hsl(281,76%,40%)
rgb(131,25,180)
cmyk(27,86,0,29)
hsl(277,57%,45%)
rgb(131,50,180)
cmyk(27,72,0,29)
hsl(272,41%,50%)
rgb(131,75,180)
cmyk(27,58,0,29)
hsl(263,35%,55%)
rgb(131,100,180)
cmyk(27,44,0,29)
hsl(247,27%,60%)
rgb(131,125,180)
cmyk(27,31,0,29)
hsl(217,25%,61%)
rgb(131,150,180)
cmyk(27,17,0,29)
hsl(186,25%,61%)
rgb(131,175,180)
cmyk(27,3,0,29)

Color shades in Blue range

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

hsl(342,39%,37%)
rgb(131,58,80)
cmyk(0,56,39,49)
hsl(321,39%,37%)
rgb(131,58,105)
cmyk(0,56,20,49)
hsl(301,39%,37%)
rgb(131,58,130)
cmyk(0,56,1,49)
hsl(285,46%,42%)
rgb(131,58,155)
cmyk(15,63,0,39)
hsl(276,51%,47%)
rgb(131,58,180)
cmyk(27,68,0,29)
hsl(270,60%,52%)
rgb(131,58,205)
cmyk(36,72,0,20)
hsl(265,77%,56%)
rgb(131,58,230)
cmyk(43,75,0,10)
hsl(262,100%,61%)
rgb(131,58,255)
cmyk(49,77,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,52%,47%)
rgb(181,58,181)
cmyk(0,68,0,29)
hsl(291,52%,47%)
rgb(163,58,181)
cmyk(10,68,0,29)
hsl(282,52%,47%)
rgb(145,58,181)
cmyk(20,68,0,29)
hsl(274,52%,47%)
rgb(127,58,181)
cmyk(30,68,0,29)
hsl(265,52%,47%)
rgb(109,58,181)
cmyk(40,68,0,29)
hsl(256,52%,47%)
rgb(91,58,181)
cmyk(50,68,0,29)
hsl(247,52%,47%)
rgb(72,58,181)
cmyk(60,68,0,29)
hsl(238,54%,46%)
rgb(54,58,181)
cmyk(70,68,0,29)

Color shades in Magenta range

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

hsl(242,26%,61%)
rgb(132,130,181)
cmyk(27,28,0,29)
hsl(257,32%,58%)
rgb(132,112,181)
cmyk(27,38,0,29)
hsl(266,37%,54%)
rgb(132,94,181)
cmyk(27,48,0,29)
hsl(272,42%,50%)
rgb(132,76,181)
cmyk(27,58,0,29)
hsl(276,52%,47%)
rgb(132,58,181)
cmyk(27,68,0,29)
hsl(279,64%,43%)
rgb(132,40,181)
cmyk(27,78,0,29)
hsl(282,79%,40%)
rgb(132,22,181)
cmyk(27,88,0,29)
hsl(283,96%,36%)
rgb(132,4,181)
cmyk(27,98,0,29)

Color shades in Yellow range

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

hsl(276,52%,47%)
rgb(132,58,181)
cmyk(27,68,0,29)
hsl(282,48%,43%)
rgb(132,58,163)
cmyk(19,64,0,36)
hsl(291,43%,40%)
rgb(132,58,145)
cmyk(9,60,0,43)
hsl(304,39%,37%)
rgb(132,58,127)
cmyk(0,56,4,48)
hsl(319,39%,37%)
rgb(132,58,109)
cmyk(0,56,18,48)
hsl(334,39%,37%)
rgb(132,58,91)
cmyk(0,56,32,48)
hsl(348,39%,37%)
rgb(132,58,72)
cmyk(0,56,45,48)
hsl(3,42%,37%)
rgb(132,58,54)
cmyk(0,56,59,48)

Color shades in Black range

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

hsl(276,100%,66%)
rgb(186,82,255)
cmyk(27,68,0,0)
hsl(276,75%,59%)
rgb(168,73,230)
cmyk(27,68,0,10)
hsl(276,58%,53%)
rgb(149,65,204)
cmyk(27,68,0,20)
hsl(276,52%,46%)
rgb(130,57,179)
cmyk(27,68,0,30)
hsl(276,52%,40%)
rgb(112,49,153)
cmyk(27,68,0,40)
hsl(276,52%,33%)
rgb(93,41,128)
cmyk(27,68,0,50)
hsl(276,52%,26%)
rgb(74,33,102)
cmyk(27,68,0,60)
hsl(276,52%,20%)
rgb(56,24,77)
cmyk(27,68,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(131,58,180) usage in CSS

.bg-rgb-color { background-color: rgb(131,58,180); }
.text-rgb-color { color: rgb(131,58,180); }
.border-rgb-color { border: 1px solid rgb(131,58,180); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(131,58,180); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(131,58,180); }


Color #833AB4 usage in CSS

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


Color hsl(276,51%,47%) usage in CSS

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