rgb(88,81,219) / #5851DB

rgb(88,81,219)

hsl(243,66%,59%)

cmyk(60,63,0,14)


Color Shades in HSL model

Color Lightness Range

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

hsl(243,66%,19%)
rgb(20,16,80)
cmyk(76,80,0,68)
hsl(243,66%,29%)
rgb(30,25,123)
cmyk(76,80,0,52)
hsl(243,66%,39%)
rgb(40,34,165)
cmyk(76,80,0,35)
hsl(243,66%,49%)
rgb(51,42,207)
cmyk(76,80,0,19)
hsl(243,66%,59%)
rgb(88,81,219)
cmyk(60,63,0,14)
hsl(243,66%,69%)
rgb(129,124,228)
cmyk(43,46,0,11)
hsl(243,66%,79%)
rgb(170,166,237)
cmyk(28,30,0,7)
hsl(243,66%,89%)
rgb(210,208,245)
cmyk(14,15,0,4)

Color Saturation Range

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

hsl(243,26%,59%)
rgb(126,123,178)
cmyk(29,31,0,30)
hsl(243,36%,59%)
rgb(117,113,188)
cmyk(38,40,0,26)
hsl(243,46%,59%)
rgb(107,102,199)
cmyk(46,48,0,22)
hsl(243,56%,59%)
rgb(98,92,209)
cmyk(53,56,0,18)
hsl(243,66%,59%)
rgb(88,81,219)
cmyk(60,63,0,14)
hsl(243,76%,59%)
rgb(79,71,230)
cmyk(66,69,0,10)
hsl(243,86%,59%)
rgb(70,61,240)
cmyk(71,75,0,6)
hsl(243,96%,59%)
rgb(60,50,251)
cmyk(76,80,0,2)

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(203,66%,59%)
rgb(81,167,219)
cmyk(63,24,0,14)
hsl(213,66%,59%)
rgb(81,144,219)
cmyk(63,35,0,14)
hsl(223,66%,59%)
rgb(81,121,219)
cmyk(63,45,0,14)
hsl(233,66%,59%)
rgb(81,98,219)
cmyk(63,56,0,14)
hsl(243,66%,59%)
rgb(88,81,219)
cmyk(60,63,0,14)
hsl(253,66%,59%)
rgb(111,81,219)
cmyk(49,63,0,14)
hsl(263,66%,59%)
rgb(134,81,219)
cmyk(39,63,0,14)
hsl(273,66%,59%)
rgb(157,81,219)
cmyk(28,63,0,14)

Color Shades in RGB model range

Color shades in Red range

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

hsl(218,100%,43%)
rgb(0,81,219)
cmyk(100,63,0,14)
hsl(223,80%,48%)
rgb(25,81,219)
cmyk(89,63,0,14)
hsl(229,70%,53%)
rgb(50,81,219)
cmyk(77,63,0,14)
hsl(238,67%,58%)
rgb(75,81,219)
cmyk(66,63,0,14)
hsl(248,66%,59%)
rgb(100,81,219)
cmyk(54,63,0,14)
hsl(259,66%,59%)
rgb(125,81,219)
cmyk(43,63,0,14)
hsl(270,66%,59%)
rgb(150,81,219)
cmyk(32,63,0,14)
hsl(281,66%,59%)
rgb(175,81,219)
cmyk(20,63,0,14)

Color shades in Green range

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

hsl(264,100%,43%)
rgb(88,0,219)
cmyk(60,100,0,14)
hsl(259,80%,48%)
rgb(88,25,219)
cmyk(60,89,0,14)
hsl(253,70%,53%)
rgb(88,50,219)
cmyk(60,77,0,14)
hsl(245,67%,58%)
rgb(88,75,219)
cmyk(60,66,0,14)
hsl(235,65%,60%)
rgb(88,100,219)
cmyk(60,54,0,14)
hsl(223,65%,60%)
rgb(88,125,219)
cmyk(60,43,0,14)
hsl(212,65%,60%)
rgb(88,150,219)
cmyk(60,32,0,14)
hsl(200,65%,60%)
rgb(88,175,219)
cmyk(60,20,0,14)

Color shades in Blue range

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

hsl(7,5%,33%)
rgb(88,81,80)
cmyk(0,8,9,65)
hsl(258,13%,36%)
rgb(88,81,105)
cmyk(16,23,0,59)
hsl(249,23%,41%)
rgb(88,81,130)
cmyk(32,38,0,49)
hsl(246,31%,46%)
rgb(88,81,155)
cmyk(43,48,0,39)
hsl(244,40%,51%)
rgb(88,81,180)
cmyk(51,55,0,29)
hsl(243,55%,56%)
rgb(88,81,205)
cmyk(57,60,0,20)
hsl(243,75%,61%)
rgb(88,81,230)
cmyk(62,65,0,10)
hsl(242,100%,66%)
rgb(88,81,255)
cmyk(65,68,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(281,66%,59%)
rgb(175,81,219)
cmyk(20,63,0,14)
hsl(271,66%,59%)
rgb(154,81,219)
cmyk(30,63,0,14)
hsl(262,66%,59%)
rgb(132,81,219)
cmyk(40,63,0,14)
hsl(252,66%,59%)
rgb(110,81,219)
cmyk(50,63,0,14)
hsl(243,66%,59%)
rgb(88,81,219)
cmyk(60,63,0,14)
hsl(234,68%,56%)
rgb(66,81,219)
cmyk(70,63,0,14)
hsl(227,71%,52%)
rgb(44,81,219)
cmyk(80,63,0,14)
hsl(222,82%,47%)
rgb(22,81,219)
cmyk(90,63,0,14)

Color shades in Magenta range

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

hsl(203,65%,60%)
rgb(88,169,219)
cmyk(60,23,0,14)
hsl(213,65%,60%)
rgb(88,147,219)
cmyk(60,33,0,14)
hsl(223,65%,60%)
rgb(88,125,219)
cmyk(60,43,0,14)
hsl(233,65%,60%)
rgb(88,103,219)
cmyk(60,53,0,14)
hsl(243,66%,59%)
rgb(88,81,219)
cmyk(60,63,0,14)
hsl(251,69%,55%)
rgb(88,59,219)
cmyk(60,73,0,14)
hsl(257,72%,50%)
rgb(88,37,219)
cmyk(60,83,0,14)
hsl(261,87%,46%)
rgb(88,15,219)
cmyk(60,93,0,14)

Color shades in Yellow range

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

hsl(243,66%,59%)
rgb(88,81,219)
cmyk(60,63,0,14)
hsl(243,50%,55%)
rgb(88,81,197)
cmyk(56,59,0,23)
hsl(244,37%,50%)
rgb(88,81,175)
cmyk(50,54,0,31)
hsl(245,31%,46%)
rgb(88,81,154)
cmyk(43,47,0,40)
hsl(248,24%,42%)
rgb(88,81,132)
cmyk(33,38,0,48)
hsl(254,15%,37%)
rgb(88,81,110)
cmyk(20,26,0,57)
hsl(300,4%,33%)
rgb(88,81,88)
cmyk(0,7,0,66)
hsl(42,14%,30%)
rgb(88,81,66)
cmyk(0,7,25,66)

Color shades in Black range

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

hsl(243,100%,69%)
rgb(102,94,255)
cmyk(60,63,0,0)
hsl(243,74%,62%)
rgb(92,85,230)
cmyk(60,63,0,10)
hsl(243,56%,55%)
rgb(82,75,204)
cmyk(60,63,0,20)
hsl(243,46%,48%)
rgb(71,66,179)
cmyk(60,63,0,30)
hsl(243,46%,41%)
rgb(61,57,153)
cmyk(60,63,0,40)
hsl(243,46%,34%)
rgb(51,47,128)
cmyk(60,63,0,50)
hsl(243,46%,27%)
rgb(41,38,102)
cmyk(60,63,0,60)
hsl(243,46%,21%)
rgb(31,28,77)
cmyk(60,63,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(88,81,219) usage in CSS

.bg-rgb-color { background-color: rgb(88,81,219); }
.text-rgb-color { color: rgb(88,81,219); }
.border-rgb-color { border: 1px solid rgb(88,81,219); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(88,81,219); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(88,81,219); }


Color #5851DB usage in CSS

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


Color hsl(243,66%,59%) usage in CSS

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