rgb(130,230,230) / #82E6E6

rgb(130,230,230)

hsl(180,67%,71%)

cmyk(43,0,0,10)


Color Shades in HSL model

Color Lightness Range

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

hsl(180,67%,30%)
rgb(25,128,128)
cmyk(80,0,0,50)
hsl(180,67%,40%)
rgb(34,170,170)
cmyk(80,0,0,33)
hsl(180,67%,50%)
rgb(42,213,213)
cmyk(80,0,0,17)
hsl(180,67%,60%)
rgb(85,221,221)
cmyk(62,0,0,13)
hsl(180,67%,70%)
rgb(127,230,230)
cmyk(45,0,0,10)
hsl(180,67%,80%)
rgb(170,238,238)
cmyk(29,0,0,7)
hsl(180,67%,90%)
rgb(212,247,247)
cmyk(14,0,0,3)
hsl(0,100%,100%)
rgb(255,255,255)
cmyk(0,0,0,0)

Color Saturation Range

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

hsl(180,27%,71%)
rgb(161,201,201)
cmyk(20,0,0,21)
hsl(180,37%,71%)
rgb(154,208,208)
cmyk(26,0,0,18)
hsl(180,47%,71%)
rgb(146,216,216)
cmyk(32,0,0,15)
hsl(180,57%,71%)
rgb(139,223,223)
cmyk(38,0,0,12)
hsl(180,67%,71%)
rgb(132,231,231)
cmyk(43,0,0,10)
hsl(180,77%,71%)
rgb(124,238,238)
cmyk(48,0,0,7)
hsl(180,87%,71%)
rgb(117,245,245)
cmyk(52,0,0,4)
hsl(180,97%,71%)
rgb(109,253,253)
cmyk(57,0,0,1)

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(140,67%,71%)
rgb(132,231,165)
cmyk(43,0,29,10)
hsl(150,67%,71%)
rgb(132,231,181)
cmyk(43,0,21,10)
hsl(160,67%,71%)
rgb(132,231,198)
cmyk(43,0,14,10)
hsl(170,67%,71%)
rgb(132,231,214)
cmyk(43,0,7,10)
hsl(180,67%,71%)
rgb(132,231,231)
cmyk(43,0,0,10)
hsl(190,67%,71%)
rgb(132,214,231)
cmyk(43,7,0,10)
hsl(200,67%,71%)
rgb(132,198,231)
cmyk(43,14,0,10)
hsl(210,67%,71%)
rgb(132,181,231)
cmyk(43,21,0,10)

Color Shades in RGB model range

Color shades in Red range

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

hsl(180,80%,51%)
rgb(30,230,230)
cmyk(87,0,0,10)
hsl(180,78%,56%)
rgb(55,230,230)
cmyk(76,0,0,10)
hsl(180,75%,61%)
rgb(80,230,230)
cmyk(65,0,0,10)
hsl(180,71%,66%)
rgb(105,230,230)
cmyk(54,0,0,10)
hsl(180,67%,71%)
rgb(130,230,230)
cmyk(43,0,0,10)
hsl(180,60%,75%)
rgb(155,230,230)
cmyk(33,0,0,10)
hsl(180,50%,80%)
rgb(180,230,230)
cmyk(22,0,0,10)
hsl(180,33%,85%)
rgb(205,230,230)
cmyk(11,0,0,10)

Color shades in Green range

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

hsl(260,75%,61%)
rgb(130,80,230)
cmyk(43,65,0,10)
hsl(252,71%,66%)
rgb(130,105,230)
cmyk(43,54,0,10)
hsl(240,67%,71%)
rgb(130,130,230)
cmyk(43,43,0,10)
hsl(225,67%,71%)
rgb(130,155,230)
cmyk(43,33,0,10)
hsl(210,67%,71%)
rgb(130,180,230)
cmyk(43,22,0,10)
hsl(195,67%,71%)
rgb(130,205,230)
cmyk(43,11,0,10)
hsl(180,67%,71%)
rgb(130,230,230)
cmyk(43,0,0,10)
hsl(168,100%,75%)
rgb(130,255,230)
cmyk(49,0,10,0)

Color shades in Blue range

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

hsl(100,75%,61%)
rgb(130,230,80)
cmyk(43,0,65,10)
hsl(108,71%,66%)
rgb(130,230,105)
cmyk(43,0,54,10)
hsl(120,67%,71%)
rgb(130,230,130)
cmyk(43,0,43,10)
hsl(135,67%,71%)
rgb(130,230,155)
cmyk(43,0,33,10)
hsl(150,67%,71%)
rgb(130,230,180)
cmyk(43,0,22,10)
hsl(165,67%,71%)
rgb(130,230,205)
cmyk(43,0,11,10)
hsl(180,67%,71%)
rgb(130,230,230)
cmyk(43,0,0,10)
hsl(192,100%,75%)
rgb(130,230,255)
cmyk(49,10,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(180,12%,89%)
rgb(223,230,230)
cmyk(3,0,0,10)
hsl(180,37%,84%)
rgb(200,230,230)
cmyk(13,0,0,10)
hsl(180,51%,80%)
rgb(177,230,230)
cmyk(23,0,0,10)
hsl(180,60%,75%)
rgb(154,230,230)
cmyk(33,0,0,10)
hsl(180,66%,71%)
rgb(131,230,230)
cmyk(43,0,0,10)
hsl(180,70%,66%)
rgb(108,230,230)
cmyk(53,0,0,10)
hsl(180,74%,62%)
rgb(85,230,230)
cmyk(63,0,0,10)
hsl(180,77%,57%)
rgb(62,230,230)
cmyk(73,0,0,10)

Color shades in Magenta range

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

hsl(180,66%,71%)
rgb(131,230,230)
cmyk(43,0,0,10)
hsl(194,66%,71%)
rgb(131,207,230)
cmyk(43,10,0,10)
hsl(208,66%,71%)
rgb(131,184,230)
cmyk(43,20,0,10)
hsl(222,66%,71%)
rgb(131,161,230)
cmyk(43,30,0,10)
hsl(236,66%,71%)
rgb(131,138,230)
cmyk(43,40,0,10)
hsl(248,69%,68%)
rgb(131,115,230)
cmyk(43,50,0,10)
hsl(257,73%,63%)
rgb(131,92,230)
cmyk(43,60,0,10)
hsl(263,76%,59%)
rgb(131,69,230)
cmyk(43,70,0,10)

Color shades in Yellow range

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

hsl(180,66%,71%)
rgb(131,230,230)
cmyk(43,0,0,10)
hsl(166,66%,71%)
rgb(131,230,207)
cmyk(43,0,10,10)
hsl(152,66%,71%)
rgb(131,230,184)
cmyk(43,0,20,10)
hsl(138,66%,71%)
rgb(131,230,161)
cmyk(43,0,30,10)
hsl(124,66%,71%)
rgb(131,230,138)
cmyk(43,0,40,10)
hsl(112,69%,68%)
rgb(131,230,115)
cmyk(43,0,50,10)
hsl(103,73%,63%)
rgb(131,230,92)
cmyk(43,0,60,10)
hsl(97,76%,59%)
rgb(131,230,69)
cmyk(43,0,70,10)

Color shades in Black range

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

hsl(180,100%,79%)
rgb(145,255,255)
cmyk(43,0,0,0)
hsl(180,66%,71%)
rgb(131,230,230)
cmyk(43,0,0,10)
hsl(180,46%,63%)
rgb(116,204,204)
cmyk(43,0,0,20)
hsl(180,33%,55%)
rgb(102,179,179)
cmyk(43,0,0,30)
hsl(180,27%,47%)
rgb(87,153,153)
cmyk(43,0,0,40)
hsl(180,27%,39%)
rgb(73,128,128)
cmyk(43,0,0,50)
hsl(180,27%,31%)
rgb(58,102,102)
cmyk(43,0,0,60)
hsl(180,27%,24%)
rgb(44,77,77)
cmyk(43,0,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(130,230,230) usage in CSS

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


Color #82E6E6 usage in CSS

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


Color hsl(180,67%,71%) usage in CSS

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