rgb(252,175,69) / #FCAF45

rgb(252,175,69)

hsl(35,97%,63%)

cmyk(0,31,73,1)


Color Shades in HSL model

Color Lightness Range

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

hsl(35,97%,23%)
rgb(116,68,2)
cmyk(0,41,98,55)
hsl(35,97%,33%)
rgb(166,98,3)
cmyk(0,41,98,35)
hsl(35,97%,43%)
rgb(216,127,3)
cmyk(0,41,98,15)
hsl(35,97%,53%)
rgb(251,155,19)
cmyk(0,39,92,1)
hsl(35,97%,63%)
rgb(252,176,69)
cmyk(0,30,73,1)
hsl(35,97%,73%)
rgb(253,197,119)
cmyk(0,22,53,1)
hsl(35,97%,83%)
rgb(254,219,170)
cmyk(0,14,33,1)
hsl(35,97%,93%)
rgb(254,240,220)
cmyk(0,6,14,0)

Color Saturation Range

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

hsl(35,30%,63%)
rgb(189,165,132)
cmyk(0,12,30,26)
hsl(35,40%,63%)
rgb(198,167,123)
cmyk(0,16,38,22)
hsl(35,50%,63%)
rgb(208,169,113)
cmyk(0,19,45,19)
hsl(35,60%,63%)
rgb(217,170,104)
cmyk(0,22,52,15)
hsl(35,70%,63%)
rgb(227,172,95)
cmyk(0,24,58,11)
hsl(35,80%,63%)
rgb(236,173,85)
cmyk(0,27,64,7)
hsl(35,90%,63%)
rgb(246,175,76)
cmyk(0,29,69,4)
hsl(35,100%,63%)
rgb(255,176,66)
cmyk(0,31,74,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(0,97%,63%)
rgb(252,69,69)
cmyk(0,73,73,1)
hsl(10,97%,63%)
rgb(252,100,69)
cmyk(0,60,73,1)
hsl(20,97%,63%)
rgb(252,130,69)
cmyk(0,48,73,1)
hsl(30,97%,63%)
rgb(252,161,69)
cmyk(0,36,73,1)
hsl(40,97%,63%)
rgb(252,191,69)
cmyk(0,24,73,1)
hsl(50,97%,63%)
rgb(252,222,69)
cmyk(0,12,73,1)
hsl(60,97%,63%)
rgb(252,252,69)
cmyk(0,0,73,1)
hsl(70,97%,63%)
rgb(222,252,69)
cmyk(12,0,73,1)

Color Shades in RGB model range

Color shades in Red range

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

hsl(114,43%,48%)
rgb(80,175,69)
cmyk(54,0,61,31)
hsl(100,43%,48%)
rgb(105,175,69)
cmyk(40,0,61,31)
hsl(85,43%,48%)
rgb(130,175,69)
cmyk(26,0,61,31)
hsl(71,43%,48%)
rgb(155,175,69)
cmyk(11,0,61,31)
hsl(57,45%,49%)
rgb(180,175,69)
cmyk(0,3,62,29)
hsl(47,58%,54%)
rgb(205,175,69)
cmyk(0,15,66,20)
hsl(40,76%,59%)
rgb(230,175,69)
cmyk(0,24,70,10)
hsl(34,100%,64%)
rgb(255,175,69)
cmyk(0,31,73,0)

Color shades in Green range

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

hsl(2,97%,63%)
rgb(252,75,69)
cmyk(0,70,73,1)
hsl(10,97%,63%)
rgb(252,100,69)
cmyk(0,60,73,1)
hsl(18,97%,63%)
rgb(252,125,69)
cmyk(0,50,73,1)
hsl(27,97%,63%)
rgb(252,150,69)
cmyk(0,40,73,1)
hsl(35,97%,63%)
rgb(252,175,69)
cmyk(0,31,73,1)
hsl(43,97%,63%)
rgb(252,200,69)
cmyk(0,21,73,1)
hsl(51,97%,63%)
rgb(252,225,69)
cmyk(0,11,73,1)
hsl(59,97%,63%)
rgb(252,250,69)
cmyk(0,1,73,1)

Color shades in Blue range

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

hsl(42,100%,49%)
rgb(252,175,0)
cmyk(0,31,100,1)
hsl(40,97%,54%)
rgb(252,175,25)
cmyk(0,31,90,1)
hsl(37,97%,59%)
rgb(252,175,50)
cmyk(0,31,80,1)
hsl(34,97%,64%)
rgb(252,175,75)
cmyk(0,31,70,1)
hsl(30,96%,69%)
rgb(252,175,100)
cmyk(0,31,60,1)
hsl(24,95%,74%)
rgb(252,175,125)
cmyk(0,31,50,1)
hsl(15,94%,79%)
rgb(252,175,150)
cmyk(0,31,40,1)
hsl(0,93%,84%)
rgb(252,175,175)
cmyk(0,31,31,1)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(35,97%,63%)
rgb(252,174,68)
cmyk(0,31,73,1)
hsl(40,74%,58%)
rgb(227,174,68)
cmyk(0,23,70,11)
hsl(48,56%,53%)
rgb(202,174,68)
cmyk(0,14,66,21)
hsl(59,44%,48%)
rgb(177,174,68)
cmyk(0,1,61,31)
hsl(73,44%,48%)
rgb(151,174,68)
cmyk(13,0,61,32)
hsl(87,44%,48%)
rgb(126,174,68)
cmyk(28,0,61,32)
hsl(101,44%,48%)
rgb(101,174,68)
cmyk(42,0,61,32)
hsl(116,44%,48%)
rgb(76,174,68)
cmyk(57,0,61,32)

Color shades in Magenta range

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

hsl(60,97%,63%)
rgb(252,252,68)
cmyk(0,0,73,1)
hsl(52,97%,63%)
rgb(252,227,68)
cmyk(0,10,73,1)
hsl(44,97%,63%)
rgb(252,202,68)
cmyk(0,20,73,1)
hsl(35,97%,63%)
rgb(252,177,68)
cmyk(0,30,73,1)
hsl(27,97%,63%)
rgb(252,151,68)
cmyk(0,40,73,1)
hsl(19,97%,63%)
rgb(252,126,68)
cmyk(0,50,73,1)
hsl(11,97%,63%)
rgb(252,101,68)
cmyk(0,60,73,1)
hsl(2,97%,63%)
rgb(252,76,68)
cmyk(0,70,73,1)

Color shades in Yellow range

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

hsl(358,94%,84%)
rgb(252,174,177)
cmyk(0,31,30,1)
hsl(14,95%,79%)
rgb(252,174,151)
cmyk(0,31,40,1)
hsl(23,96%,74%)
rgb(252,174,126)
cmyk(0,31,50,1)
hsl(29,97%,69%)
rgb(252,174,101)
cmyk(0,31,60,1)
hsl(33,97%,64%)
rgb(252,174,76)
cmyk(0,31,70,1)
hsl(37,98%,59%)
rgb(252,174,50)
cmyk(0,31,80,1)
hsl(39,98%,54%)
rgb(252,174,25)
cmyk(0,31,90,1)
hsl(41,100%,50%)
rgb(252,174,0)
cmyk(0,31,100,1)

Color shades in Black range

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

hsl(35,57%,44%)
rgb(179,123,48)
cmyk(0,31,73,30)
hsl(35,57%,38%)
rgb(153,106,41)
cmyk(0,31,73,40)
hsl(35,57%,32%)
rgb(128,88,34)
cmyk(0,31,73,50)
hsl(35,57%,25%)
rgb(102,70,28)
cmyk(0,31,73,60)
hsl(35,57%,19%)
rgb(77,53,21)
cmyk(0,31,73,70)
hsl(35,57%,13%)
rgb(51,35,14)
cmyk(0,31,73,80)
hsl(35,57%,6%)
rgb(25,18,7)
cmyk(0,31,73,90)
hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color HTML/CSS(CSS3) Example

Color rgb(252,175,69) usage in CSS

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


Color #FCAF45 usage in CSS

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


Color hsl(35,97%,63%) usage in CSS

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