rgb(87,87,255) / #5757FF

rgb(87,87,255)

hsl(240,100%,67%)

cmyk(66,66,0,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(240,100%,27%)
rgb(0,0,138)
cmyk(100,100,0,46)
hsl(240,100%,37%)
rgb(0,0,189)
cmyk(100,100,0,26)
hsl(240,100%,47%)
rgb(0,0,240)
cmyk(100,100,0,6)
hsl(240,100%,57%)
rgb(36,36,255)
cmyk(86,86,0,0)
hsl(240,100%,67%)
rgb(87,87,255)
cmyk(66,66,0,0)
hsl(240,100%,77%)
rgb(138,138,255)
cmyk(46,46,0,0)
hsl(240,100%,87%)
rgb(189,189,255)
cmyk(26,26,0,0)
hsl(240,100%,97%)
rgb(240,240,255)
cmyk(6,6,0,0)

Color Saturation Range

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

hsl(240,30%,67%)
rgb(146,146,196)
cmyk(26,26,0,23)
hsl(240,40%,67%)
rgb(137,137,205)
cmyk(33,33,0,20)
hsl(240,50%,67%)
rgb(129,129,213)
cmyk(40,40,0,17)
hsl(240,60%,67%)
rgb(120,120,221)
cmyk(46,46,0,13)
hsl(240,70%,67%)
rgb(112,112,230)
cmyk(51,51,0,10)
hsl(240,80%,67%)
rgb(104,104,238)
cmyk(57,57,0,7)
hsl(240,90%,67%)
rgb(95,95,247)
cmyk(61,61,0,3)
hsl(240,100%,67%)
rgb(87,87,255)
cmyk(66,66,0,0)

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(200,100%,67%)
rgb(87,199,255)
cmyk(66,22,0,0)
hsl(210,100%,67%)
rgb(87,171,255)
cmyk(66,33,0,0)
hsl(220,100%,67%)
rgb(87,143,255)
cmyk(66,44,0,0)
hsl(230,100%,67%)
rgb(87,115,255)
cmyk(66,55,0,0)
hsl(240,100%,67%)
rgb(87,87,255)
cmyk(66,66,0,0)
hsl(250,100%,67%)
rgb(115,87,255)
cmyk(55,66,0,0)
hsl(260,100%,67%)
rgb(143,87,255)
cmyk(44,66,0,0)
hsl(270,100%,67%)
rgb(171,87,255)
cmyk(33,66,0,0)

Color Shades in RGB model range

Color shades in Red range

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

hsl(220,100%,50%)
rgb(0,87,255)
cmyk(100,66,0,0)
hsl(224,100%,55%)
rgb(25,87,255)
cmyk(90,66,0,0)
hsl(229,100%,60%)
rgb(50,87,255)
cmyk(80,66,0,0)
hsl(236,100%,65%)
rgb(75,87,255)
cmyk(71,66,0,0)
hsl(245,100%,67%)
rgb(100,87,255)
cmyk(61,66,0,0)
hsl(254,100%,67%)
rgb(125,87,255)
cmyk(51,66,0,0)
hsl(263,100%,67%)
rgb(150,87,255)
cmyk(41,66,0,0)
hsl(271,100%,67%)
rgb(175,87,255)
cmyk(31,66,0,0)

Color shades in Green range

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

hsl(260,100%,50%)
rgb(87,0,255)
cmyk(66,100,0,0)
hsl(256,100%,55%)
rgb(87,25,255)
cmyk(66,90,0,0)
hsl(251,100%,60%)
rgb(87,50,255)
cmyk(66,80,0,0)
hsl(244,100%,65%)
rgb(87,75,255)
cmyk(66,71,0,0)
hsl(235,100%,67%)
rgb(87,100,255)
cmyk(66,61,0,0)
hsl(226,100%,67%)
rgb(87,125,255)
cmyk(66,51,0,0)
hsl(218,100%,67%)
rgb(87,150,255)
cmyk(66,41,0,0)
hsl(209,100%,67%)
rgb(87,175,255)
cmyk(66,31,0,0)

Color shades in Blue range

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

hsl(60,4%,33%)
rgb(87,87,80)
cmyk(0,0,8,66)
hsl(240,9%,38%)
rgb(87,87,105)
cmyk(17,17,0,59)
hsl(240,20%,43%)
rgb(87,87,130)
cmyk(33,33,0,49)
hsl(240,28%,47%)
rgb(87,87,155)
cmyk(44,44,0,39)
hsl(240,38%,52%)
rgb(87,87,180)
cmyk(52,52,0,29)
hsl(240,54%,57%)
rgb(87,87,205)
cmyk(58,58,0,20)
hsl(240,74%,62%)
rgb(87,87,230)
cmyk(62,62,0,10)
hsl(240,100%,67%)
rgb(87,87,255)
cmyk(66,66,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(276,100%,67%)
rgb(189,87,255)
cmyk(26,66,0,0)
hsl(267,100%,67%)
rgb(163,87,255)
cmyk(36,66,0,0)
hsl(258,100%,67%)
rgb(138,87,255)
cmyk(46,66,0,0)
hsl(249,100%,67%)
rgb(112,87,255)
cmyk(56,66,0,0)
hsl(240,100%,67%)
rgb(87,87,255)
cmyk(66,66,0,0)
hsl(232,100%,62%)
rgb(61,87,255)
cmyk(76,66,0,0)
hsl(226,100%,57%)
rgb(36,87,255)
cmyk(86,66,0,0)
hsl(221,100%,52%)
rgb(10,87,255)
cmyk(96,66,0,0)

Color shades in Magenta range

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

hsl(204,100%,67%)
rgb(87,189,255)
cmyk(66,26,0,0)
hsl(213,100%,67%)
rgb(87,163,255)
cmyk(66,36,0,0)
hsl(222,100%,67%)
rgb(87,138,255)
cmyk(66,46,0,0)
hsl(231,100%,67%)
rgb(87,112,255)
cmyk(66,56,0,0)
hsl(240,100%,67%)
rgb(87,87,255)
cmyk(66,66,0,0)
hsl(248,100%,62%)
rgb(87,61,255)
cmyk(66,76,0,0)
hsl(254,100%,57%)
rgb(87,36,255)
cmyk(66,86,0,0)
hsl(259,100%,52%)
rgb(87,10,255)
cmyk(66,96,0,0)

Color shades in Yellow range

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

hsl(240,100%,67%)
rgb(87,87,255)
cmyk(66,66,0,0)
hsl(240,74%,62%)
rgb(87,87,230)
cmyk(62,62,0,10)
hsl(240,53%,57%)
rgb(87,87,204)
cmyk(58,58,0,20)
hsl(240,37%,52%)
rgb(87,87,179)
cmyk(51,51,0,30)
hsl(240,28%,47%)
rgb(87,87,153)
cmyk(43,43,0,40)
hsl(240,19%,42%)
rgb(87,87,128)
cmyk(32,32,0,50)
hsl(240,8%,37%)
rgb(87,87,102)
cmyk(15,15,0,60)
hsl(60,6%,32%)
rgb(87,87,77)
cmyk(0,0,12,66)

Color shades in Black range

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

hsl(240,100%,67%)
rgb(87,87,255)
cmyk(66,66,0,0)
hsl(240,75%,60%)
rgb(78,78,230)
cmyk(66,66,0,10)
hsl(240,57%,54%)
rgb(69,69,204)
cmyk(66,66,0,20)
hsl(240,49%,47%)
rgb(61,61,179)
cmyk(66,66,0,30)
hsl(240,49%,40%)
rgb(52,52,153)
cmyk(66,66,0,40)
hsl(240,49%,34%)
rgb(43,43,128)
cmyk(66,66,0,50)
hsl(240,49%,27%)
rgb(35,35,102)
cmyk(66,66,0,60)
hsl(240,49%,20%)
rgb(26,26,77)
cmyk(66,66,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(87,87,255) usage in CSS

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


Color #5757FF usage in CSS

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


Color hsl(240,100%,67%) usage in CSS

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