rgb(198,83,83) / #C65353

rgb(198,83,83)

hsl(0,50%,55%)

cmyk(0,58,58,22)


Color Shades in HSL model

Color Lightness Range

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

hsl(0,50%,15%)
rgb(57,19,19)
cmyk(0,67,67,78)
hsl(0,50%,25%)
rgb(96,32,32)
cmyk(0,67,67,63)
hsl(0,50%,35%)
rgb(134,45,45)
cmyk(0,67,67,48)
hsl(0,50%,45%)
rgb(172,57,57)
cmyk(0,67,67,32)
hsl(0,50%,55%)
rgb(198,83,83)
cmyk(0,58,58,22)
hsl(0,50%,65%)
rgb(210,121,121)
cmyk(0,42,42,18)
hsl(0,50%,75%)
rgb(223,159,159)
cmyk(0,29,29,13)
hsl(0,50%,85%)
rgb(236,198,198)
cmyk(0,16,16,7)

Color Saturation Range

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

hsl(0,10%,55%)
rgb(152,129,129)
cmyk(0,15,15,41)
hsl(0,20%,55%)
rgb(163,117,117)
cmyk(0,28,28,36)
hsl(0,30%,55%)
rgb(175,106,106)
cmyk(0,39,39,31)
hsl(0,40%,55%)
rgb(186,94,94)
cmyk(0,49,49,27)
hsl(0,50%,55%)
rgb(198,83,83)
cmyk(0,58,58,22)
hsl(0,60%,55%)
rgb(209,71,71)
cmyk(0,66,66,18)
hsl(0,70%,55%)
rgb(221,60,60)
cmyk(0,73,73,14)
hsl(0,80%,55%)
rgb(232,48,48)
cmyk(0,79,79,9)

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%,55%)
rgb(198,83,83)
cmyk(0,58,58,22)
hsl(10,50%,55%)
rgb(198,102,83)
cmyk(0,48,58,22)
hsl(20,50%,55%)
rgb(198,121,83)
cmyk(0,39,58,22)
hsl(30,50%,55%)
rgb(198,140,83)
cmyk(0,29,58,22)
hsl(40,50%,55%)
rgb(198,159,83)
cmyk(0,19,58,22)
hsl(50,50%,55%)
rgb(198,179,83)
cmyk(0,10,58,22)
hsl(60,50%,55%)
rgb(198,198,83)
cmyk(0,0,58,22)
hsl(70,50%,55%)
rgb(179,198,83)
cmyk(10,0,58,22)

Color Shades in RGB model range

Color shades in Red range

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

hsl(180,2%,32%)
rgb(80,83,83)
cmyk(4,0,0,67)
hsl(0,12%,37%)
rgb(105,83,83)
cmyk(0,21,21,59)
hsl(0,22%,42%)
rgb(130,83,83)
cmyk(0,36,36,49)
hsl(0,30%,47%)
rgb(155,83,83)
cmyk(0,46,46,39)
hsl(0,39%,52%)
rgb(180,83,83)
cmyk(0,54,54,29)
hsl(0,55%,56%)
rgb(205,83,83)
cmyk(0,60,60,20)
hsl(0,75%,61%)
rgb(230,83,83)
cmyk(0,64,64,10)
hsl(0,100%,66%)
rgb(255,83,83)
cmyk(0,67,67,0)

Color shades in Green range

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

hsl(335,100%,39%)
rgb(198,0,83)
cmyk(0,100,58,22)
hsl(340,78%,44%)
rgb(198,25,83)
cmyk(0,87,58,22)
hsl(347,60%,49%)
rgb(198,50,83)
cmyk(0,75,58,22)
hsl(356,52%,54%)
rgb(198,75,83)
cmyk(0,62,58,22)
hsl(9,50%,55%)
rgb(198,100,83)
cmyk(0,49,58,22)
hsl(22,50%,55%)
rgb(198,125,83)
cmyk(0,37,58,22)
hsl(35,50%,55%)
rgb(198,150,83)
cmyk(0,24,58,22)
hsl(48,50%,55%)
rgb(198,175,83)
cmyk(0,12,58,22)

Color shades in Blue range

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

hsl(25,100%,39%)
rgb(198,83,0)
cmyk(0,58,100,22)
hsl(20,78%,44%)
rgb(198,83,25)
cmyk(0,58,87,22)
hsl(13,60%,49%)
rgb(198,83,50)
cmyk(0,58,75,22)
hsl(4,52%,54%)
rgb(198,83,75)
cmyk(0,58,62,22)
hsl(351,50%,55%)
rgb(198,83,100)
cmyk(0,58,49,22)
hsl(338,50%,55%)
rgb(198,83,125)
cmyk(0,58,37,22)
hsl(325,50%,55%)
rgb(198,83,150)
cmyk(0,58,24,22)
hsl(312,50%,55%)
rgb(198,83,175)
cmyk(0,58,12,22)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(0,51%,55%)
rgb(199,84,84)
cmyk(0,58,58,22)
hsl(0,39%,51%)
rgb(179,84,84)
cmyk(0,53,53,30)
hsl(0,31%,48%)
rgb(159,84,84)
cmyk(0,48,48,38)
hsl(0,25%,44%)
rgb(139,84,84)
cmyk(0,40,40,45)
hsl(0,18%,40%)
rgb(119,84,84)
cmyk(0,30,30,53)
hsl(0,9%,36%)
rgb(99,84,84)
cmyk(0,16,16,61)
hsl(180,2%,32%)
rgb(80,84,84)
cmyk(5,0,0,67)
hsl(180,17%,28%)
rgb(60,84,84)
cmyk(29,0,0,67)

Color shades in Magenta range

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

hsl(41,51%,55%)
rgb(199,163,84)
cmyk(0,18,58,22)
hsl(31,51%,55%)
rgb(199,143,84)
cmyk(0,28,58,22)
hsl(21,51%,55%)
rgb(199,123,84)
cmyk(0,38,58,22)
hsl(10,51%,55%)
rgb(199,103,84)
cmyk(0,48,58,22)
hsl(0,51%,55%)
rgb(199,84,84)
cmyk(0,58,58,22)
hsl(351,55%,51%)
rgb(199,64,84)
cmyk(0,68,58,22)
hsl(345,64%,48%)
rgb(199,44,84)
cmyk(0,78,58,22)
hsl(340,79%,44%)
rgb(199,24,84)
cmyk(0,88,58,22)

Color shades in Yellow range

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

hsl(319,51%,55%)
rgb(199,84,163)
cmyk(0,58,18,22)
hsl(329,51%,55%)
rgb(199,84,143)
cmyk(0,58,28,22)
hsl(339,51%,55%)
rgb(199,84,123)
cmyk(0,58,38,22)
hsl(350,51%,55%)
rgb(199,84,103)
cmyk(0,58,48,22)
hsl(0,51%,55%)
rgb(199,84,84)
cmyk(0,58,58,22)
hsl(9,55%,51%)
rgb(199,84,64)
cmyk(0,58,68,22)
hsl(15,64%,48%)
rgb(199,84,44)
cmyk(0,58,78,22)
hsl(20,79%,44%)
rgb(199,84,24)
cmyk(0,58,88,22)

Color shades in Black range

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

hsl(0,57%,58%)
rgb(209,88,88)
cmyk(0,58,58,18)
hsl(0,43%,51%)
rgb(184,77,77)
cmyk(0,58,58,28)
hsl(0,41%,44%)
rgb(158,66,66)
cmyk(0,58,58,38)
hsl(0,41%,37%)
rgb(133,56,56)
cmyk(0,58,58,48)
hsl(0,41%,30%)
rgb(107,45,45)
cmyk(0,58,58,58)
hsl(0,41%,23%)
rgb(82,34,34)
cmyk(0,58,58,68)
hsl(0,41%,16%)
rgb(56,24,24)
cmyk(0,58,58,78)
hsl(0,41%,9%)
rgb(31,13,13)
cmyk(0,58,58,88)

Color HTML/CSS(CSS3) Example

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

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


Color #C65353 usage in CSS

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


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

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