rgb(255,255,85) / #FFFF55

rgb(255,255,85)

hsl(60,100%,67%)

cmyk(0,0,67,0)


Color Shades in HSL model

Color Lightness Range

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

hsl(60,100%,27%)
rgb(138,138,0)
cmyk(0,0,100,46)
hsl(60,100%,37%)
rgb(189,189,0)
cmyk(0,0,100,26)
hsl(60,100%,47%)
rgb(240,240,0)
cmyk(0,0,100,6)
hsl(60,100%,57%)
rgb(255,255,36)
cmyk(0,0,86,0)
hsl(60,100%,67%)
rgb(255,255,87)
cmyk(0,0,66,0)
hsl(60,100%,77%)
rgb(255,255,138)
cmyk(0,0,46,0)
hsl(60,100%,87%)
rgb(255,255,189)
cmyk(0,0,26,0)
hsl(60,100%,97%)
rgb(255,255,240)
cmyk(0,0,6,0)

Color Saturation Range

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

hsl(60,30%,67%)
rgb(196,196,146)
cmyk(0,0,26,23)
hsl(60,40%,67%)
rgb(205,205,137)
cmyk(0,0,33,20)
hsl(60,50%,67%)
rgb(213,213,129)
cmyk(0,0,40,17)
hsl(60,60%,67%)
rgb(221,221,120)
cmyk(0,0,46,13)
hsl(60,70%,67%)
rgb(230,230,112)
cmyk(0,0,51,10)
hsl(60,80%,67%)
rgb(238,238,104)
cmyk(0,0,57,7)
hsl(60,90%,67%)
rgb(247,247,95)
cmyk(0,0,61,3)
hsl(60,100%,67%)
rgb(255,255,87)
cmyk(0,0,66,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(20,100%,67%)
rgb(255,143,87)
cmyk(0,44,66,0)
hsl(30,100%,67%)
rgb(255,171,87)
cmyk(0,33,66,0)
hsl(40,100%,67%)
rgb(255,199,87)
cmyk(0,22,66,0)
hsl(50,100%,67%)
rgb(255,227,87)
cmyk(0,11,66,0)
hsl(60,100%,67%)
rgb(255,255,87)
cmyk(0,0,66,0)
hsl(70,100%,67%)
rgb(227,255,87)
cmyk(11,0,66,0)
hsl(80,100%,67%)
rgb(199,255,87)
cmyk(22,0,66,0)
hsl(90,100%,67%)
rgb(171,255,87)
cmyk(33,0,66,0)

Color Shades in RGB model range

Color shades in Red range

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

hsl(122,100%,66%)
rgb(80,255,85)
cmyk(69,0,67,0)
hsl(113,100%,67%)
rgb(105,255,85)
cmyk(59,0,67,0)
hsl(104,100%,67%)
rgb(130,255,85)
cmyk(49,0,67,0)
hsl(95,100%,67%)
rgb(155,255,85)
cmyk(39,0,67,0)
hsl(86,100%,67%)
rgb(180,255,85)
cmyk(29,0,67,0)
hsl(78,100%,67%)
rgb(205,255,85)
cmyk(20,0,67,0)
hsl(69,100%,67%)
rgb(230,255,85)
cmyk(10,0,67,0)
hsl(60,100%,67%)
rgb(255,255,85)
cmyk(0,0,67,0)

Color shades in Green range

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

hsl(358,100%,66%)
rgb(255,80,85)
cmyk(0,69,67,0)
hsl(7,100%,67%)
rgb(255,105,85)
cmyk(0,59,67,0)
hsl(16,100%,67%)
rgb(255,130,85)
cmyk(0,49,67,0)
hsl(25,100%,67%)
rgb(255,155,85)
cmyk(0,39,67,0)
hsl(34,100%,67%)
rgb(255,180,85)
cmyk(0,29,67,0)
hsl(42,100%,67%)
rgb(255,205,85)
cmyk(0,20,67,0)
hsl(51,100%,67%)
rgb(255,230,85)
cmyk(0,10,67,0)
hsl(60,100%,67%)
rgb(255,255,85)
cmyk(0,0,67,0)

Color shades in Blue range

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

hsl(60,100%,50%)
rgb(255,255,0)
cmyk(0,0,100,0)
hsl(60,100%,55%)
rgb(255,255,25)
cmyk(0,0,90,0)
hsl(60,100%,60%)
rgb(255,255,50)
cmyk(0,0,80,0)
hsl(60,100%,65%)
rgb(255,255,75)
cmyk(0,0,71,0)
hsl(60,100%,70%)
rgb(255,255,100)
cmyk(0,0,61,0)
hsl(60,100%,75%)
rgb(255,255,125)
cmyk(0,0,51,0)
hsl(60,100%,79%)
rgb(255,255,150)
cmyk(0,0,41,0)
hsl(60,100%,84%)
rgb(255,255,175)
cmyk(0,0,31,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(60,100%,67%)
rgb(255,255,84)
cmyk(0,0,67,0)
hsl(69,100%,67%)
rgb(230,255,84)
cmyk(10,0,67,0)
hsl(78,100%,67%)
rgb(204,255,84)
cmyk(20,0,67,0)
hsl(87,100%,67%)
rgb(179,255,84)
cmyk(30,0,67,0)
hsl(96,100%,67%)
rgb(153,255,84)
cmyk(40,0,67,0)
hsl(105,100%,67%)
rgb(128,255,84)
cmyk(50,0,67,0)
hsl(114,100%,67%)
rgb(102,255,84)
cmyk(60,0,67,0)
hsl(123,100%,65%)
rgb(77,255,84)
cmyk(70,0,67,0)

Color shades in Magenta range

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

hsl(60,100%,67%)
rgb(255,255,84)
cmyk(0,0,67,0)
hsl(51,100%,67%)
rgb(255,230,84)
cmyk(0,10,67,0)
hsl(42,100%,67%)
rgb(255,204,84)
cmyk(0,20,67,0)
hsl(33,100%,67%)
rgb(255,179,84)
cmyk(0,30,67,0)
hsl(24,100%,67%)
rgb(255,153,84)
cmyk(0,40,67,0)
hsl(15,100%,67%)
rgb(255,128,84)
cmyk(0,50,67,0)
hsl(6,100%,67%)
rgb(255,102,84)
cmyk(0,60,67,0)
hsl(357,100%,65%)
rgb(255,77,84)
cmyk(0,70,67,0)

Color shades in Yellow range

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

hsl(60,100%,87%)
rgb(255,255,186)
cmyk(0,0,27,0)
hsl(60,100%,82%)
rgb(255,255,161)
cmyk(0,0,37,0)
hsl(60,100%,77%)
rgb(255,255,135)
cmyk(0,0,47,0)
hsl(60,100%,72%)
rgb(255,255,110)
cmyk(0,0,57,0)
hsl(60,100%,67%)
rgb(255,255,84)
cmyk(0,0,67,0)
hsl(60,100%,62%)
rgb(255,255,59)
cmyk(0,0,77,0)
hsl(60,100%,56%)
rgb(255,255,33)
cmyk(0,0,87,0)
hsl(60,100%,52%)
rgb(255,255,8)
cmyk(0,0,97,0)

Color shades in Black range

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

hsl(60,50%,49%)
rgb(186,186,61)
cmyk(0,0,67,27)
hsl(60,50%,42%)
rgb(161,161,53)
cmyk(0,0,67,37)
hsl(60,50%,35%)
rgb(135,135,45)
cmyk(0,0,67,47)
hsl(60,50%,29%)
rgb(110,110,36)
cmyk(0,0,67,57)
hsl(60,50%,22%)
rgb(84,84,28)
cmyk(0,0,67,67)
hsl(60,50%,15%)
rgb(59,59,19)
cmyk(0,0,67,77)
hsl(60,50%,9%)
rgb(33,33,11)
cmyk(0,0,67,87)
hsl(60,50%,2%)
rgb(8,8,3)
cmyk(0,0,67,97)

Color HTML/CSS(CSS3) Example

Color rgb(255,255,85) usage in CSS

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


Color #FFFF55 usage in CSS

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


Color hsl(60,100%,67%) usage in CSS

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