rgb(236,198,198) / #ECC6C6

rgb(236,198,198)

hsl(0,50%,85%)

cmyk(0,16,16,7)


Color Shades in HSL model

Color Lightness Range

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

hsl(0,50%,30%)
rgb(115,38,38)
cmyk(0,67,67,55)
hsl(0,50%,40%)
rgb(153,51,51)
cmyk(0,67,67,40)
hsl(0,50%,50%)
rgb(191,64,64)
cmyk(0,67,67,25)
hsl(0,50%,60%)
rgb(204,102,102)
cmyk(0,50,50,20)
hsl(0,50%,70%)
rgb(217,140,140)
cmyk(0,35,35,15)
hsl(0,50%,80%)
rgb(230,179,179)
cmyk(0,22,22,10)
hsl(0,50%,90%)
rgb(242,217,217)
cmyk(0,11,11,5)
hsl(0,0%,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(0,10%,85%)
rgb(221,213,213)
cmyk(0,3,3,14)
hsl(0,20%,85%)
rgb(224,209,209)
cmyk(0,7,7,12)
hsl(0,30%,85%)
rgb(228,205,205)
cmyk(0,10,10,11)
hsl(0,40%,85%)
rgb(232,201,201)
cmyk(0,13,13,9)
hsl(0,50%,85%)
rgb(236,198,198)
cmyk(0,16,16,7)
hsl(0,60%,85%)
rgb(240,194,194)
cmyk(0,19,19,6)
hsl(0,70%,85%)
rgb(244,190,190)
cmyk(0,22,22,5)
hsl(0,80%,85%)
rgb(247,186,186)
cmyk(0,25,25,3)

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(0,50%,85%)
rgb(236,198,198)
cmyk(0,16,16,7)
hsl(10,50%,85%)
rgb(236,204,198)
cmyk(0,14,16,7)
hsl(20,50%,85%)
rgb(236,210,198)
cmyk(0,11,16,7)
hsl(30,50%,85%)
rgb(236,217,198)
cmyk(0,8,16,7)
hsl(40,50%,85%)
rgb(236,223,198)
cmyk(0,5,16,7)
hsl(50,50%,85%)
rgb(236,230,198)
cmyk(0,3,16,7)
hsl(60,50%,85%)
rgb(236,236,198)
cmyk(0,0,16,7)
hsl(70,50%,85%)
rgb(230,236,198)
cmyk(3,0,16,7)

Color Shades in RGB model range

Color shades in Red range

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

hsl(180,51%,55%)
rgb(80,198,198)
cmyk(60,0,0,22)
hsl(180,45%,59%)
rgb(105,198,198)
cmyk(47,0,0,22)
hsl(180,37%,64%)
rgb(130,198,198)
cmyk(34,0,0,22)
hsl(180,27%,69%)
rgb(155,198,198)
cmyk(22,0,0,22)
hsl(180,14%,74%)
rgb(180,198,198)
cmyk(9,0,0,22)
hsl(0,7%,79%)
rgb(205,198,198)
cmyk(0,3,3,20)
hsl(0,39%,84%)
rgb(230,198,198)
cmyk(0,14,14,10)
hsl(0,100%,89%)
rgb(255,198,198)
cmyk(0,22,22,0)

Color shades in Green range

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

hsl(315,80%,62%)
rgb(236,80,198)
cmyk(0,66,16,7)
hsl(317,78%,67%)
rgb(236,105,198)
cmyk(0,56,16,7)
hsl(322,74%,72%)
rgb(236,130,198)
cmyk(0,45,16,7)
hsl(328,68%,77%)
rgb(236,155,198)
cmyk(0,34,16,7)
hsl(341,60%,82%)
rgb(236,180,198)
cmyk(0,24,16,7)
hsl(11,50%,85%)
rgb(236,205,198)
cmyk(0,13,16,7)
hsl(51,50%,85%)
rgb(236,230,198)
cmyk(0,3,16,7)
hsl(80,100%,89%)
rgb(236,255,198)
cmyk(7,0,22,0)

Color shades in Blue range

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

hsl(45,80%,62%)
rgb(236,198,80)
cmyk(0,16,66,7)
hsl(43,78%,67%)
rgb(236,198,105)
cmyk(0,16,56,7)
hsl(38,74%,72%)
rgb(236,198,130)
cmyk(0,16,45,7)
hsl(32,68%,77%)
rgb(236,198,155)
cmyk(0,16,34,7)
hsl(19,60%,82%)
rgb(236,198,180)
cmyk(0,16,24,7)
hsl(349,50%,85%)
rgb(236,198,205)
cmyk(0,16,13,7)
hsl(309,50%,85%)
rgb(236,198,230)
cmyk(0,16,3,7)
hsl(280,100%,89%)
rgb(236,198,255)
cmyk(7,22,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,52%,86%)
rgb(237,199,199)
cmyk(0,16,16,7)
hsl(0,15%,81%)
rgb(213,199,199)
cmyk(0,7,7,16)
hsl(180,8%,76%)
rgb(190,199,199)
cmyk(5,0,0,22)
hsl(180,23%,72%)
rgb(166,199,199)
cmyk(17,0,0,22)
hsl(180,34%,67%)
rgb(142,199,199)
cmyk(29,0,0,22)
hsl(180,42%,62%)
rgb(119,199,199)
cmyk(40,0,0,22)
hsl(180,48%,58%)
rgb(95,199,199)
cmyk(52,0,0,22)
hsl(180,53%,53%)
rgb(71,199,199)
cmyk(64,0,0,22)

Color shades in Magenta range

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

hsl(60,52%,86%)
rgb(237,237,199)
cmyk(0,0,16,7)
hsl(22,52%,86%)
rgb(237,213,199)
cmyk(0,10,16,7)
hsl(348,57%,84%)
rgb(237,190,199)
cmyk(0,20,16,7)
hsl(332,67%,79%)
rgb(237,166,199)
cmyk(0,30,16,7)
hsl(324,73%,74%)
rgb(237,142,199)
cmyk(0,40,16,7)
hsl(319,77%,70%)
rgb(237,119,199)
cmyk(0,50,16,7)
hsl(316,80%,65%)
rgb(237,95,199)
cmyk(0,60,16,7)
hsl(314,82%,60%)
rgb(237,71,199)
cmyk(0,70,16,7)

Color shades in Yellow range

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

hsl(300,52%,86%)
rgb(237,199,237)
cmyk(0,16,0,7)
hsl(338,52%,86%)
rgb(237,199,213)
cmyk(0,16,10,7)
hsl(12,57%,84%)
rgb(237,199,190)
cmyk(0,16,20,7)
hsl(28,67%,79%)
rgb(237,199,166)
cmyk(0,16,30,7)
hsl(36,73%,74%)
rgb(237,199,142)
cmyk(0,16,40,7)
hsl(41,77%,70%)
rgb(237,199,119)
cmyk(0,16,50,7)
hsl(44,80%,65%)
rgb(237,199,95)
cmyk(0,16,60,7)
hsl(46,82%,60%)
rgb(237,199,71)
cmyk(0,16,70,7)

Color shades in Black range

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

hsl(0,100%,92%)
rgb(255,214,214)
cmyk(0,16,16,0)
hsl(0,42%,83%)
rgb(230,193,193)
cmyk(0,16,16,10)
hsl(0,24%,74%)
rgb(204,171,171)
cmyk(0,16,16,20)
hsl(0,16%,64%)
rgb(179,150,150)
cmyk(0,16,16,30)
hsl(0,11%,55%)
rgb(153,129,129)
cmyk(0,16,16,40)
hsl(0,9%,46%)
rgb(128,107,107)
cmyk(0,16,16,50)
hsl(0,9%,37%)
rgb(102,86,86)
cmyk(0,16,16,60)
hsl(0,9%,28%)
rgb(77,64,64)
cmyk(0,16,16,70)

Color HTML/CSS(CSS3) Example

Color rgb(236,198,198) usage in CSS

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


Color #ECC6C6 usage in CSS

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


Color hsl(0,50%,85%) usage in CSS

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