rgb(20,21,24) / #141518

rgb(20,21,24)

hsl(225,9%,9%)

cmyk(17,12,0,91)

Color Shades in HSL model

Color Lightness Range

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

hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100) hsl(225,9%,10%)
rgb(23,24,28)
cmyk(17,12,0,89) hsl(225,9%,20%)
rgb(46,49,56)
cmyk(17,12,0,78) hsl(225,9%,30%)
rgb(70,73,83)
cmyk(17,12,0,67) hsl(225,9%,40%)
rgb(93,97,111)
cmyk(17,12,0,56) hsl(225,9%,50%)
rgb(116,122,139)
cmyk(17,12,0,46) hsl(225,9%,60%)
rgb(144,148,162)
cmyk(11,8,0,36) hsl(225,9%,70%)
rgb(172,175,185)
cmyk(7,6,0,27)

Color Saturation Range

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

hsl(0,0%,9%)
rgb(23,23,23)
cmyk(0,0,0,91) hsl(225,10%,9%)
rgb(21,22,25)
cmyk(18,14,0,90) hsl(225,20%,9%)
rgb(18,21,28)
cmyk(33,25,0,89) hsl(225,30%,9%)
rgb(16,20,30)
cmyk(46,35,0,88) hsl(225,40%,9%)
rgb(14,18,32)
cmyk(57,43,0,87) hsl(225,50%,9%)
rgb(11,17,34)
cmyk(67,50,0,87) hsl(225,60%,9%)
rgb(9,16,37)
cmyk(75,56,0,86) hsl(225,70%,9%)
rgb(7,15,39)
cmyk(82,62,0,85)

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(185,9%,9%)
rgb(21,25,25)
cmyk(17,1,0,90) hsl(195,9%,9%)
rgb(21,24,25)
cmyk(17,4,0,90) hsl(205,9%,9%)
rgb(21,23,25)
cmyk(17,7,0,90) hsl(215,9%,9%)
rgb(21,23,25)
cmyk(17,10,0,90) hsl(225,9%,9%)
rgb(21,22,25)
cmyk(17,12,0,90) hsl(235,9%,9%)
rgb(21,21,25)
cmyk(17,15,0,90) hsl(245,9%,9%)
rgb(21,21,25)
cmyk(15,17,0,90) hsl(255,9%,9%)
rgb(22,21,25)
cmyk(12,17,0,90)

Color Shades in RGB model range

Color shades in Red range

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

hsl(188,100%,5%)
rgb(0,21,24)
cmyk(100,12,0,91) hsl(315,9%,9%)
rgb(25,21,24)
cmyk(0,16,4,90) hsl(354,41%,14%)
rgb(50,21,24)
cmyk(0,58,52,80) hsl(357,56%,19%)
rgb(75,21,24)
cmyk(0,72,68,71) hsl(358,65%,24%)
rgb(100,21,24)
cmyk(0,79,76,61) hsl(358,71%,29%)
rgb(125,21,24)
cmyk(0,83,81,51) hsl(359,75%,34%)
rgb(150,21,24)
cmyk(0,86,84,41) hsl(359,79%,38%)
rgb(175,21,24)
cmyk(0,88,86,31)

Color shades in Green range

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

hsl(290,100%,5%)
rgb(20,0,24)
cmyk(17,100,0,91) hsl(168,11%,9%)
rgb(20,25,24)
cmyk(20,0,4,90) hsl(128,43%,14%)
rgb(20,50,24)
cmyk(60,0,52,80) hsl(124,58%,19%)
rgb(20,75,24)
cmyk(73,0,68,71) hsl(123,67%,24%)
rgb(20,100,24)
cmyk(80,0,76,61) hsl(122,72%,28%)
rgb(20,125,24)
cmyk(84,0,81,51) hsl(122,76%,33%)
rgb(20,150,24)
cmyk(87,0,84,41) hsl(122,79%,38%)
rgb(20,175,24)
cmyk(89,0,86,31)

Color shades in Blue range

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

hsl(63,100%,4%)
rgb(20,21,0)
cmyk(5,0,100,92) hsl(228,11%,9%)
rgb(20,21,25)
cmyk(20,16,0,90) hsl(238,43%,14%)
rgb(20,21,50)
cmyk(60,58,0,80) hsl(239,58%,19%)
rgb(20,21,75)
cmyk(73,72,0,71) hsl(239,67%,24%)
rgb(20,21,100)
cmyk(80,79,0,61) hsl(239,72%,28%)
rgb(20,21,125)
cmyk(84,83,0,51) hsl(240,76%,33%)
rgb(20,21,150)
cmyk(87,86,0,41) hsl(240,79%,38%)
rgb(20,21,175)
cmyk(89,88,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,6%,8%)
rgb(23,20,23)
cmyk(0,12,0,91) hsl(250,6%,8%)
rgb(21,20,23)
cmyk(10,12,0,91) hsl(216,11%,8%)
rgb(18,20,23)
cmyk(20,12,0,91) hsl(204,18%,8%)
rgb(16,20,23)
cmyk(30,12,0,91) hsl(198,25%,7%)
rgb(14,20,23)
cmyk(40,12,0,91) hsl(194,33%,7%)
rgb(11,20,23)
cmyk(50,12,0,91) hsl(192,43%,6%)
rgb(9,20,23)
cmyk(60,12,0,91) hsl(190,54%,6%)
rgb(7,20,23)
cmyk(70,12,0,91)

Color shades in Magenta range

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

hsl(180,9%,8%)
rgb(19,23,23)
cmyk(17,0,0,91) hsl(215,9%,8%)
rgb(19,21,23)
cmyk(17,10,0,91) hsl(249,11%,8%)
rgb(19,18,23)
cmyk(17,20,0,91) hsl(266,18%,8%)
rgb(19,16,23)
cmyk(17,30,0,91) hsl(275,25%,7%)
rgb(19,14,23)
cmyk(17,40,0,91) hsl(280,33%,7%)
rgb(19,11,23)
cmyk(17,50,0,91) hsl(283,43%,6%)
rgb(19,9,23)
cmyk(17,60,0,91) hsl(285,54%,6%)
rgb(19,7,23)
cmyk(17,70,0,91)

Color shades in Yellow range

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

hsl(222,9%,8%)
rgb(19,20,23)
cmyk(17,12,0,91) hsl(197,4%,8%)
rgb(19,20,21)
cmyk(8,2,0,92) hsl(97,5%,8%)
rgb(19,20,18)
cmyk(6,0,9,92) hsl(77,11%,7%)
rgb(19,20,16)
cmyk(6,0,20,92) hsl(71,19%,7%)
rgb(19,20,14)
cmyk(6,0,32,92) hsl(68,28%,6%)
rgb(19,20,11)
cmyk(6,0,43,92) hsl(66,37%,6%)
rgb(19,20,9)
cmyk(6,0,55,92) hsl(65,49%,5%)
rgb(19,20,7)
cmyk(6,0,66,92)

Color shades in Black range

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

hsl(222,100%,92%)
rgb(212,224,255)
cmyk(17,12,0,0) hsl(222,43%,82%)
rgb(190,202,230)
cmyk(17,12,0,10) hsl(222,25%,73%)
rgb(169,180,204)
cmyk(17,12,0,20) hsl(222,17%,64%)
rgb(148,157,179)
cmyk(17,12,0,30) hsl(222,11%,55%)
rgb(127,135,153)
cmyk(17,12,0,40) hsl(222,9%,46%)
rgb(106,112,128)
cmyk(17,12,0,50) hsl(222,9%,37%)
rgb(85,90,102)
cmyk(17,12,0,60) hsl(222,9%,27%)
rgb(63,67,77)
cmyk(17,12,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(20,21,24) usage in CSS


.bg-rgb-color { background-color: rgb(20,21,24); }

.text-rgb-color { color: rgb(20,21,24); }

.border-rgb-color { border: 1px solid rgb(20,21,24); }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(20,21,24); }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(20,21,24); }

Color #141518 usage in CSS


.bg-rgb-color { background-color: #141518; }

.text-rgb-color { color: #141518; }

.border-rgb-color { border: 1px solid #141518; }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px #141518; }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px #141518; }

Color hsl(225,9%,9%) usage in CSS


.bg-rgb-color { background-color: hsl(225,9%,9%); }

.text-rgb-color { color: hsl(225,9%,9%); }

.border-rgb-color { border: 1px solid hsl(225,9%,9%); }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px hsl(225,9%,9%); }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px hsl(225,9%,9%); }