rgb(0,132,255) / #0084FF

rgb(0,132,255)

hsl(209,100%,50%)

cmyk(100,48,0,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(209,100%,10%)
rgb(0,26,51)
cmyk(100,48,0,80)
hsl(209,100%,20%)
rgb(0,53,102)
cmyk(100,48,0,60)
hsl(209,100%,30%)
rgb(0,79,153)
cmyk(100,48,0,40)
hsl(209,100%,40%)
rgb(0,105,204)
cmyk(100,48,0,20)
hsl(209,100%,50%)
rgb(0,132,255)
cmyk(100,48,0,0)
hsl(209,100%,60%)
rgb(51,156,255)
cmyk(80,39,0,0)
hsl(209,100%,70%)
rgb(102,181,255)
cmyk(60,29,0,0)
hsl(209,100%,80%)
rgb(153,206,255)
cmyk(40,19,0,0)

Color Saturation Range

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

hsl(209,30%,50%)
rgb(89,129,166)
cmyk(46,22,0,35)
hsl(209,40%,50%)
rgb(77,129,179)
cmyk(57,28,0,30)
hsl(209,50%,50%)
rgb(64,130,191)
cmyk(67,32,0,25)
hsl(209,60%,50%)
rgb(51,130,204)
cmyk(75,36,0,20)
hsl(209,70%,50%)
rgb(38,130,217)
cmyk(82,40,0,15)
hsl(209,80%,50%)
rgb(25,131,230)
cmyk(89,43,0,10)
hsl(209,90%,50%)
rgb(13,131,242)
cmyk(95,46,0,5)
hsl(209,100%,50%)
rgb(0,132,255)
cmyk(100,48,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(169,100%,50%)
rgb(0,255,208)
cmyk(100,0,18,0)
hsl(179,100%,50%)
rgb(0,255,251)
cmyk(100,0,2,0)
hsl(189,100%,50%)
rgb(0,217,255)
cmyk(100,15,0,0)
hsl(199,100%,50%)
rgb(0,174,255)
cmyk(100,32,0,0)
hsl(209,100%,50%)
rgb(0,132,255)
cmyk(100,48,0,0)
hsl(219,100%,50%)
rgb(0,89,255)
cmyk(100,65,0,0)
hsl(229,100%,50%)
rgb(0,47,255)
cmyk(100,82,0,0)
hsl(239,100%,50%)
rgb(0,4,255)
cmyk(100,98,0,0)

Color Shades in RGB model range

Color shades in Red range

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

hsl(209,100%,50%)
rgb(0,132,255)
cmyk(100,48,0,0)
hsl(212,100%,55%)
rgb(25,132,255)
cmyk(90,48,0,0)
hsl(216,100%,60%)
rgb(50,132,255)
cmyk(80,48,0,0)
hsl(221,100%,65%)
rgb(75,132,255)
cmyk(71,48,0,0)
hsl(228,100%,70%)
rgb(100,132,255)
cmyk(61,48,0,0)
hsl(237,100%,75%)
rgb(125,132,255)
cmyk(51,48,0,0)
hsl(249,100%,76%)
rgb(150,132,255)
cmyk(41,48,0,0)
hsl(261,100%,76%)
rgb(175,132,255)
cmyk(31,48,0,0)

Color shades in Green range

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

hsl(232,100%,50%)
rgb(0,32,255)
cmyk(100,87,0,0)
hsl(227,100%,50%)
rgb(0,57,255)
cmyk(100,78,0,0)
hsl(221,100%,50%)
rgb(0,82,255)
cmyk(100,68,0,0)
hsl(215,100%,50%)
rgb(0,107,255)
cmyk(100,58,0,0)
hsl(209,100%,50%)
rgb(0,132,255)
cmyk(100,48,0,0)
hsl(203,100%,50%)
rgb(0,157,255)
cmyk(100,38,0,0)
hsl(197,100%,50%)
rgb(0,182,255)
cmyk(100,29,0,0)
hsl(191,100%,50%)
rgb(0,207,255)
cmyk(100,19,0,0)

Color shades in Blue range

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

hsl(156,100%,26%)
rgb(0,132,80)
cmyk(100,0,39,48)
hsl(168,100%,26%)
rgb(0,132,105)
cmyk(100,0,20,48)
hsl(179,100%,26%)
rgb(0,132,130)
cmyk(100,0,2,48)
hsl(189,100%,30%)
rgb(0,132,155)
cmyk(100,15,0,39)
hsl(196,100%,35%)
rgb(0,132,180)
cmyk(100,27,0,29)
hsl(201,100%,40%)
rgb(0,132,205)
cmyk(100,36,0,20)
hsl(206,100%,45%)
rgb(0,132,230)
cmyk(100,43,0,10)
hsl(209,100%,50%)
rgb(0,132,255)
cmyk(100,48,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(263,100%,76%)
rgb(179,133,255)
cmyk(30,48,0,0)
hsl(250,100%,76%)
rgb(153,133,255)
cmyk(40,48,0,0)
hsl(238,100%,75%)
rgb(128,133,255)
cmyk(50,48,0,0)
hsl(228,100%,70%)
rgb(102,133,255)
cmyk(60,48,0,0)
hsl(221,100%,65%)
rgb(77,133,255)
cmyk(70,48,0,0)
hsl(216,100%,60%)
rgb(51,133,255)
cmyk(80,48,0,0)
hsl(212,100%,55%)
rgb(25,133,255)
cmyk(90,48,0,0)
hsl(209,100%,50%)
rgb(0,133,255)
cmyk(100,48,0,0)

Color shades in Magenta range

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

hsl(185,100%,50%)
rgb(0,235,255)
cmyk(100,8,0,0)
hsl(191,100%,50%)
rgb(0,209,255)
cmyk(100,18,0,0)
hsl(197,100%,50%)
rgb(0,184,255)
cmyk(100,28,0,0)
hsl(203,100%,50%)
rgb(0,158,255)
cmyk(100,38,0,0)
hsl(209,100%,50%)
rgb(0,133,255)
cmyk(100,48,0,0)
hsl(215,100%,50%)
rgb(0,107,255)
cmyk(100,58,0,0)
hsl(221,100%,50%)
rgb(0,82,255)
cmyk(100,68,0,0)
hsl(227,100%,50%)
rgb(0,56,255)
cmyk(100,78,0,0)

Color shades in Yellow range

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

hsl(209,100%,50%)
rgb(0,133,255)
cmyk(100,48,0,0)
hsl(205,100%,45%)
rgb(0,133,230)
cmyk(100,42,0,10)
hsl(201,100%,40%)
rgb(0,133,204)
cmyk(100,35,0,20)
hsl(195,100%,35%)
rgb(0,133,179)
cmyk(100,26,0,30)
hsl(188,100%,30%)
rgb(0,133,153)
cmyk(100,13,0,40)
hsl(178,100%,26%)
rgb(0,133,128)
cmyk(100,0,4,48)
hsl(166,100%,26%)
rgb(0,133,102)
cmyk(100,0,23,48)
hsl(155,100%,26%)
rgb(0,133,77)
cmyk(100,0,42,48)

Color shades in Black range

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

hsl(209,100%,50%)
rgb(0,133,255)
cmyk(100,48,0,0)
hsl(209,100%,45%)
rgb(0,119,230)
cmyk(100,48,0,10)
hsl(209,100%,40%)
rgb(0,106,204)
cmyk(100,48,0,20)
hsl(209,100%,35%)
rgb(0,93,179)
cmyk(100,48,0,30)
hsl(209,100%,30%)
rgb(0,80,153)
cmyk(100,48,0,40)
hsl(209,100%,25%)
rgb(0,66,128)
cmyk(100,48,0,50)
hsl(209,100%,20%)
rgb(0,53,102)
cmyk(100,48,0,60)
hsl(209,100%,15%)
rgb(0,40,77)
cmyk(100,48,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(0,132,255) usage in CSS

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


Color #0084FF usage in CSS

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


Color hsl(209,100%,50%) usage in CSS

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