rgb(85,85,255) / #5555FF

rgb(85,85,255)

hsl(240,100%,67%)

cmyk(67,67,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,85,255)
cmyk(100,67,0,0)
hsl(224,100%,55%)
rgb(25,85,255)
cmyk(90,67,0,0)
hsl(230,100%,60%)
rgb(50,85,255)
cmyk(80,67,0,0)
hsl(237,100%,65%)
rgb(75,85,255)
cmyk(71,67,0,0)
hsl(245,100%,67%)
rgb(100,85,255)
cmyk(61,67,0,0)
hsl(254,100%,67%)
rgb(125,85,255)
cmyk(51,67,0,0)
hsl(263,100%,67%)
rgb(150,85,255)
cmyk(41,67,0,0)
hsl(272,100%,67%)
rgb(175,85,255)
cmyk(31,67,0,0)

Color shades in Green range

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

hsl(260,100%,50%)
rgb(85,0,255)
cmyk(67,100,0,0)
hsl(256,100%,55%)
rgb(85,25,255)
cmyk(67,90,0,0)
hsl(250,100%,60%)
rgb(85,50,255)
cmyk(67,80,0,0)
hsl(243,100%,65%)
rgb(85,75,255)
cmyk(67,71,0,0)
hsl(235,100%,67%)
rgb(85,100,255)
cmyk(67,61,0,0)
hsl(226,100%,67%)
rgb(85,125,255)
cmyk(67,51,0,0)
hsl(217,100%,67%)
rgb(85,150,255)
cmyk(67,41,0,0)
hsl(208,100%,67%)
rgb(85,175,255)
cmyk(67,31,0,0)

Color shades in Blue range

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

hsl(60,3%,32%)
rgb(85,85,80)
cmyk(0,0,6,67)
hsl(240,11%,37%)
rgb(85,85,105)
cmyk(19,19,0,59)
hsl(240,21%,42%)
rgb(85,85,130)
cmyk(35,35,0,49)
hsl(240,29%,47%)
rgb(85,85,155)
cmyk(45,45,0,39)
hsl(240,39%,52%)
rgb(85,85,180)
cmyk(53,53,0,29)
hsl(240,55%,57%)
rgb(85,85,205)
cmyk(59,59,0,20)
hsl(240,74%,62%)
rgb(85,85,230)
cmyk(63,63,0,10)
hsl(240,100%,67%)
rgb(85,85,255)
cmyk(67,67,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(186,84,255)
cmyk(27,67,0,0)
hsl(267,100%,67%)
rgb(161,84,255)
cmyk(37,67,0,0)
hsl(258,100%,67%)
rgb(135,84,255)
cmyk(47,67,0,0)
hsl(249,100%,67%)
rgb(110,84,255)
cmyk(57,67,0,0)
hsl(240,100%,67%)
rgb(84,84,255)
cmyk(67,67,0,0)
hsl(232,100%,62%)
rgb(59,84,255)
cmyk(77,67,0,0)
hsl(226,100%,56%)
rgb(33,84,255)
cmyk(87,67,0,0)
hsl(221,100%,52%)
rgb(8,84,255)
cmyk(97,67,0,0)

Color shades in Magenta range

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

hsl(204,100%,67%)
rgb(84,186,255)
cmyk(67,27,0,0)
hsl(213,100%,67%)
rgb(84,161,255)
cmyk(67,37,0,0)
hsl(222,100%,67%)
rgb(84,135,255)
cmyk(67,47,0,0)
hsl(231,100%,67%)
rgb(84,110,255)
cmyk(67,57,0,0)
hsl(240,100%,67%)
rgb(84,84,255)
cmyk(67,67,0,0)
hsl(248,100%,62%)
rgb(84,59,255)
cmyk(67,77,0,0)
hsl(254,100%,56%)
rgb(84,33,255)
cmyk(67,87,0,0)
hsl(259,100%,52%)
rgb(84,8,255)
cmyk(67,97,0,0)

Color shades in Yellow range

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

hsl(240,100%,67%)
rgb(84,84,255)
cmyk(67,67,0,0)
hsl(240,74%,62%)
rgb(84,84,230)
cmyk(63,63,0,10)
hsl(240,54%,56%)
rgb(84,84,204)
cmyk(59,59,0,20)
hsl(240,38%,51%)
rgb(84,84,179)
cmyk(53,53,0,30)
hsl(240,29%,47%)
rgb(84,84,153)
cmyk(45,45,0,40)
hsl(240,20%,42%)
rgb(84,84,128)
cmyk(34,34,0,50)
hsl(240,10%,37%)
rgb(84,84,102)
cmyk(18,18,0,60)
hsl(60,5%,32%)
rgb(84,84,77)
cmyk(0,0,9,67)

Color shades in Black range

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

hsl(240,100%,67%)
rgb(84,84,255)
cmyk(67,67,0,0)
hsl(240,75%,60%)
rgb(76,76,230)
cmyk(67,67,0,10)
hsl(240,57%,53%)
rgb(67,67,204)
cmyk(67,67,0,20)
hsl(240,50%,47%)
rgb(59,59,179)
cmyk(67,67,0,30)
hsl(240,50%,40%)
rgb(50,50,153)
cmyk(67,67,0,40)
hsl(240,50%,33%)
rgb(42,42,128)
cmyk(67,67,0,50)
hsl(240,50%,27%)
rgb(34,34,102)
cmyk(67,67,0,60)
hsl(240,50%,20%)
rgb(25,25,77)
cmyk(67,67,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #5555FF usage in CSS

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


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%); }