rgb(105,230,230) / #69E6E6

rgb(105,230,230)

hsl(180,71%,66%)

cmyk(54,0,0,10)


Color Shades in HSL model

Color Lightness Range

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

hsl(180,71%,26%)
rgb(19,113,113)
cmyk(83,0,0,56)
hsl(180,71%,36%)
rgb(27,157,157)
cmyk(83,0,0,38)
hsl(180,71%,46%)
rgb(34,201,201)
cmyk(83,0,0,21)
hsl(180,71%,56%)
rgb(63,222,222)
cmyk(72,0,0,13)
hsl(180,71%,66%)
rgb(107,230,230)
cmyk(54,0,0,10)
hsl(180,71%,76%)
rgb(150,237,237)
cmyk(37,0,0,7)
hsl(180,71%,86%)
rgb(194,245,245)
cmyk(21,0,0,4)
hsl(180,71%,96%)
rgb(238,252,252)
cmyk(6,0,0,1)

Color Saturation Range

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

hsl(180,30%,66%)
rgb(142,194,194)
cmyk(27,0,0,24)
hsl(180,40%,66%)
rgb(134,203,203)
cmyk(34,0,0,20)
hsl(180,50%,66%)
rgb(125,212,212)
cmyk(41,0,0,17)
hsl(180,60%,66%)
rgb(116,220,220)
cmyk(47,0,0,14)
hsl(180,70%,66%)
rgb(108,229,229)
cmyk(53,0,0,10)
hsl(180,80%,66%)
rgb(99,238,238)
cmyk(58,0,0,7)
hsl(180,90%,66%)
rgb(90,246,246)
cmyk(63,0,0,3)
hsl(180,100%,66%)
rgb(82,255,255)
cmyk(68,0,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(140,71%,66%)
rgb(107,230,148)
cmyk(54,0,36,10)
hsl(150,71%,66%)
rgb(107,230,168)
cmyk(54,0,27,10)
hsl(160,71%,66%)
rgb(107,230,189)
cmyk(54,0,18,10)
hsl(170,71%,66%)
rgb(107,230,209)
cmyk(54,0,9,10)
hsl(180,71%,66%)
rgb(107,230,230)
cmyk(54,0,0,10)
hsl(190,71%,66%)
rgb(107,209,230)
cmyk(54,9,0,10)
hsl(200,71%,66%)
rgb(107,189,230)
cmyk(54,18,0,10)
hsl(210,71%,66%)
rgb(107,168,230)
cmyk(54,27,0,10)

Color Shades in RGB model range

Color shades in Red range

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

hsl(180,96%,46%)
rgb(5,230,230)
cmyk(98,0,0,10)
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)

Color shades in Green range

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

hsl(250,75%,61%)
rgb(105,80,230)
cmyk(54,65,0,10)
hsl(240,71%,66%)
rgb(105,105,230)
cmyk(54,54,0,10)
hsl(228,71%,66%)
rgb(105,130,230)
cmyk(54,43,0,10)
hsl(216,71%,66%)
rgb(105,155,230)
cmyk(54,33,0,10)
hsl(204,71%,66%)
rgb(105,180,230)
cmyk(54,22,0,10)
hsl(192,71%,66%)
rgb(105,205,230)
cmyk(54,11,0,10)
hsl(180,71%,66%)
rgb(105,230,230)
cmyk(54,0,0,10)
hsl(170,100%,71%)
rgb(105,255,230)
cmyk(59,0,10,0)

Color shades in Blue range

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

hsl(110,75%,61%)
rgb(105,230,80)
cmyk(54,0,65,10)
hsl(120,71%,66%)
rgb(105,230,105)
cmyk(54,0,54,10)
hsl(132,71%,66%)
rgb(105,230,130)
cmyk(54,0,43,10)
hsl(144,71%,66%)
rgb(105,230,155)
cmyk(54,0,33,10)
hsl(156,71%,66%)
rgb(105,230,180)
cmyk(54,0,22,10)
hsl(168,71%,66%)
rgb(105,230,205)
cmyk(54,0,11,10)
hsl(180,71%,66%)
rgb(105,230,230)
cmyk(54,0,0,10)
hsl(190,100%,71%)
rgb(105,230,255)
cmyk(59,10,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(180,39%,84%)
rgb(197,230,230)
cmyk(14,0,0,10)
hsl(180,52%,79%)
rgb(174,230,230)
cmyk(24,0,0,10)
hsl(180,60%,75%)
rgb(151,230,230)
cmyk(34,0,0,10)
hsl(180,66%,70%)
rgb(129,230,230)
cmyk(44,0,0,10)
hsl(180,71%,66%)
rgb(106,230,230)
cmyk(54,0,0,10)
hsl(180,74%,61%)
rgb(83,230,230)
cmyk(64,0,0,10)
hsl(180,77%,57%)
rgb(60,230,230)
cmyk(74,0,0,10)
hsl(180,79%,52%)
rgb(37,230,230)
cmyk(84,0,0,10)

Color shades in Magenta range

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

hsl(180,71%,66%)
rgb(106,230,230)
cmyk(54,0,0,10)
hsl(191,71%,66%)
rgb(106,207,230)
cmyk(54,10,0,10)
hsl(202,71%,66%)
rgb(106,184,230)
cmyk(54,20,0,10)
hsl(213,71%,66%)
rgb(106,161,230)
cmyk(54,30,0,10)
hsl(224,71%,66%)
rgb(106,138,230)
cmyk(54,40,0,10)
hsl(236,71%,66%)
rgb(106,115,230)
cmyk(54,50,0,10)
hsl(246,73%,63%)
rgb(106,92,230)
cmyk(54,60,0,10)
hsl(254,76%,59%)
rgb(106,69,230)
cmyk(54,70,0,10)

Color shades in Yellow range

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

hsl(180,71%,66%)
rgb(106,230,230)
cmyk(54,0,0,10)
hsl(169,71%,66%)
rgb(106,230,207)
cmyk(54,0,10,10)
hsl(158,71%,66%)
rgb(106,230,184)
cmyk(54,0,20,10)
hsl(147,71%,66%)
rgb(106,230,161)
cmyk(54,0,30,10)
hsl(136,71%,66%)
rgb(106,230,138)
cmyk(54,0,40,10)
hsl(124,71%,66%)
rgb(106,230,115)
cmyk(54,0,50,10)
hsl(114,73%,63%)
rgb(106,230,92)
cmyk(54,0,60,10)
hsl(106,76%,59%)
rgb(106,230,69)
cmyk(54,0,70,10)

Color shades in Black range

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

hsl(180,100%,73%)
rgb(117,255,255)
cmyk(54,0,0,0)
hsl(180,71%,66%)
rgb(106,230,230)
cmyk(54,0,0,10)
hsl(180,52%,58%)
rgb(94,204,204)
cmyk(54,0,0,20)
hsl(180,39%,51%)
rgb(82,179,179)
cmyk(54,0,0,30)
hsl(180,37%,44%)
rgb(70,153,153)
cmyk(54,0,0,40)
hsl(180,37%,37%)
rgb(59,128,128)
cmyk(54,0,0,50)
hsl(180,37%,29%)
rgb(47,102,102)
cmyk(54,0,0,60)
hsl(180,37%,22%)
rgb(35,77,77)
cmyk(54,0,0,70)

Color HTML/CSS(CSS3) Example

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

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


Color #69E6E6 usage in CSS

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


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

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