Chocolate rgb(210,105,30) / #D2691E

Chocolate

rgb(210,105,30)

hsl(25,75%,47%)

cmyk(0,50,86,18)


Chocolate Color Shades in HSL model

Chocolate Color Lightness Range

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

hsl(25,75%,7%)
rgb(31,16,4)
cmyk(0,50,86,88)
hsl(25,75%,17%)
rgb(76,38,11)
cmyk(0,50,86,70)
hsl(25,75%,27%)
rgb(120,60,17)
cmyk(0,50,86,53)
hsl(25,75%,37%)
rgb(165,83,24)
cmyk(0,50,86,35)
hsl(25,75%,47%)
rgb(210,105,30)
cmyk(0,50,86,18)
hsl(25,75%,57%)
rgb(228,132,63)
cmyk(0,42,72,11)
hsl(25,75%,67%)
rgb(234,160,108)
cmyk(0,31,54,8)
hsl(25,75%,77%)
rgb(240,189,152)
cmyk(0,21,37,6)

Chocolate Color Saturation Range

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

hsl(25,30%,47%)
rgb(156,114,84)
cmyk(0,27,46,39)
hsl(25,40%,47%)
rgb(168,112,72)
cmyk(0,33,57,34)
hsl(25,50%,47%)
rgb(180,110,60)
cmyk(0,39,67,30)
hsl(25,60%,47%)
rgb(192,108,48)
cmyk(0,44,75,25)
hsl(25,70%,47%)
rgb(204,106,36)
cmyk(0,48,82,20)
hsl(25,80%,47%)
rgb(216,104,24)
cmyk(0,52,89,15)
hsl(25,90%,47%)
rgb(228,102,12)
cmyk(0,55,95,11)
hsl(25,100%,47%)
rgb(240,100,0)
cmyk(0,58,100,6)

Chocolate 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,75%,47%)
rgb(210,30,30)
cmyk(0,86,86,18)
hsl(10,75%,47%)
rgb(210,60,30)
cmyk(0,71,86,18)
hsl(20,75%,47%)
rgb(210,90,30)
cmyk(0,57,86,18)
hsl(30,75%,47%)
rgb(210,120,30)
cmyk(0,43,86,18)
hsl(40,75%,47%)
rgb(210,150,30)
cmyk(0,29,86,18)
hsl(50,75%,47%)
rgb(210,180,30)
cmyk(0,14,86,18)
hsl(60,75%,47%)
rgb(210,210,30)
cmyk(0,0,86,18)
hsl(70,75%,47%)
rgb(180,210,30)
cmyk(14,0,86,18)

Chocolate Color Shades in RGB model range

Color shades in Red range

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

hsl(80,56%,26%)
rgb(80,105,30)
cmyk(24,0,71,59)
hsl(60,56%,26%)
rgb(105,105,30)
cmyk(0,0,71,59)
hsl(45,62%,31%)
rgb(130,105,30)
cmyk(0,19,77,49)
hsl(36,68%,36%)
rgb(155,105,30)
cmyk(0,32,81,39)
hsl(30,71%,41%)
rgb(180,105,30)
cmyk(0,42,83,29)
hsl(26,74%,46%)
rgb(205,105,30)
cmyk(0,49,85,20)
hsl(22,80%,51%)
rgb(230,105,30)
cmyk(0,54,87,10)
hsl(20,100%,56%)
rgb(255,105,30)
cmyk(0,59,88,0)

Color shades in Green range

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

hsl(353,95%,42%)
rgb(210,5,30)
cmyk(0,98,86,18)
hsl(0,75%,47%)
rgb(210,30,30)
cmyk(0,86,86,18)
hsl(8,75%,47%)
rgb(210,55,30)
cmyk(0,74,86,18)
hsl(17,75%,47%)
rgb(210,80,30)
cmyk(0,62,86,18)
hsl(25,75%,47%)
rgb(210,105,30)
cmyk(0,50,86,18)
hsl(33,75%,47%)
rgb(210,130,30)
cmyk(0,38,86,18)
hsl(42,75%,47%)
rgb(210,155,30)
cmyk(0,26,86,18)
hsl(50,75%,47%)
rgb(210,180,30)
cmyk(0,14,86,18)

Color shades in Blue range

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

hsl(30,100%,41%)
rgb(210,105,0)
cmyk(0,50,100,18)
hsl(26,79%,46%)
rgb(210,105,25)
cmyk(0,50,88,18)
hsl(21,64%,51%)
rgb(210,105,50)
cmyk(0,50,76,18)
hsl(13,60%,56%)
rgb(210,105,75)
cmyk(0,50,64,18)
hsl(3,55%,61%)
rgb(210,105,100)
cmyk(0,50,52,18)
hsl(349,54%,62%)
rgb(210,105,125)
cmyk(0,50,40,18)
hsl(334,54%,62%)
rgb(210,105,150)
cmyk(0,50,29,18)
hsl(320,54%,62%)
rgb(210,105,175)
cmyk(0,50,17,18)

Chocolate Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(25,75%,47%)
rgb(209,105,29)
cmyk(0,50,86,18)
hsl(28,73%,43%)
rgb(188,105,29)
cmyk(0,44,84,26)
hsl(33,70%,39%)
rgb(167,105,29)
cmyk(0,38,83,34)
hsl(39,67%,34%)
rgb(146,105,29)
cmyk(0,29,80,43)
hsl(47,62%,30%)
rgb(125,105,29)
cmyk(0,17,77,51)
hsl(60,56%,26%)
rgb(105,105,29)
cmyk(0,0,72,59)
hsl(77,56%,26%)
rgb(84,105,29)
cmyk(20,0,72,59)
hsl(93,56%,26%)
rgb(63,105,29)
cmyk(40,0,72,59)

Color shades in Magenta range

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

hsl(53,75%,47%)
rgb(209,188,29)
cmyk(0,10,86,18)
hsl(46,75%,47%)
rgb(209,167,29)
cmyk(0,20,86,18)
hsl(39,75%,47%)
rgb(209,146,29)
cmyk(0,30,86,18)
hsl(32,75%,47%)
rgb(209,125,29)
cmyk(0,40,86,18)
hsl(25,75%,47%)
rgb(209,105,29)
cmyk(0,50,86,18)
hsl(18,75%,47%)
rgb(209,84,29)
cmyk(0,60,86,18)
hsl(11,75%,47%)
rgb(209,63,29)
cmyk(0,70,86,18)
hsl(4,75%,47%)
rgb(209,42,29)
cmyk(0,80,86,18)

Color shades in Yellow range

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

hsl(336,53%,62%)
rgb(209,105,146)
cmyk(0,50,30,18)
hsl(348,53%,62%)
rgb(209,105,125)
cmyk(0,50,40,18)
hsl(0,53%,62%)
rgb(209,105,105)
cmyk(0,50,50,18)
hsl(10,58%,57%)
rgb(209,105,84)
cmyk(0,50,60,18)
hsl(17,61%,53%)
rgb(209,105,63)
cmyk(0,50,70,18)
hsl(22,67%,49%)
rgb(209,105,42)
cmyk(0,50,80,18)
hsl(27,82%,45%)
rgb(209,105,21)
cmyk(0,50,90,18)
hsl(30,100%,41%)
rgb(209,105,0)
cmyk(0,50,100,18)

Color shades in Black range

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

hsl(25,75%,40%)
rgb(179,89,25)
cmyk(0,50,86,30)
hsl(25,75%,34%)
rgb(153,77,21)
cmyk(0,50,86,40)
hsl(25,75%,29%)
rgb(128,64,18)
cmyk(0,50,86,50)
hsl(25,75%,23%)
rgb(102,51,14)
cmyk(0,50,86,60)
hsl(25,75%,17%)
rgb(77,38,11)
cmyk(0,50,86,70)
hsl(25,75%,11%)
rgb(51,25,7)
cmyk(0,50,86,80)
hsl(25,75%,6%)
rgb(25,13,4)
cmyk(0,50,86,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(210,105,30) usage in CSS

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


Color #D2691E usage in CSS

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


Color hsl(25,75%,47%) usage in CSS

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