rgb(20,23,26) / #14171A

rgb(20,23,26)

hsl(210,13%,9%)

cmyk(23,12,0,90)


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(210,13%,10%)
rgb(22,25,29)
cmyk(23,12,0,89)
hsl(210,13%,20%)
rgb(44,51,58)
cmyk(23,12,0,77)
hsl(210,13%,30%)
rgb(67,76,86)
cmyk(23,12,0,66)
hsl(210,13%,40%)
rgb(89,102,115)
cmyk(23,12,0,55)
hsl(210,13%,50%)
rgb(111,127,144)
cmyk(23,12,0,44)
hsl(210,13%,60%)
rgb(140,153,166)
cmyk(16,8,0,35)
hsl(210,13%,70%)
rgb(169,179,188)
cmyk(11,5,0,26)

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(210,10%,9%)
rgb(21,23,25)
cmyk(18,9,0,90)
hsl(210,20%,9%)
rgb(18,23,28)
cmyk(33,17,0,89)
hsl(210,30%,9%)
rgb(16,23,30)
cmyk(46,23,0,88)
hsl(210,40%,9%)
rgb(14,23,32)
cmyk(57,29,0,87)
hsl(210,50%,9%)
rgb(11,23,34)
cmyk(67,33,0,87)
hsl(210,60%,9%)
rgb(9,23,37)
cmyk(75,38,0,86)
hsl(210,70%,9%)
rgb(7,23,39)
cmyk(82,41,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(170,13%,9%)
rgb(20,26,25)
cmyk(23,0,4,90)
hsl(180,13%,9%)
rgb(20,26,26)
cmyk(23,0,0,90)
hsl(190,13%,9%)
rgb(20,25,26)
cmyk(23,4,0,90)
hsl(200,13%,9%)
rgb(20,24,26)
cmyk(23,8,0,90)
hsl(210,13%,9%)
rgb(20,23,26)
cmyk(23,12,0,90)
hsl(220,13%,9%)
rgb(20,22,26)
cmyk(23,15,0,90)
hsl(230,13%,9%)
rgb(20,21,26)
cmyk(23,19,0,90)
hsl(240,13%,9%)
rgb(20,20,26)
cmyk(23,23,0,90)

Color Shades in RGB model range

Color shades in Red range

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

hsl(187,100%,5%)
rgb(0,23,26)
cmyk(100,12,0,90)
hsl(280,6%,10%)
rgb(25,23,26)
cmyk(4,12,0,90)
hsl(353,37%,14%)
rgb(50,23,26)
cmyk(0,54,48,80)
hsl(357,53%,19%)
rgb(75,23,26)
cmyk(0,69,65,71)
hsl(358,63%,24%)
rgb(100,23,26)
cmyk(0,77,74,61)
hsl(358,69%,29%)
rgb(125,23,26)
cmyk(0,82,79,51)
hsl(359,73%,34%)
rgb(150,23,26)
cmyk(0,85,83,41)
hsl(359,77%,39%)
rgb(175,23,26)
cmyk(0,87,85,31)

Color shades in Green range

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

hsl(286,100%,5%)
rgb(20,0,26)
cmyk(23,100,0,90)
hsl(190,13%,9%)
rgb(20,25,26)
cmyk(23,4,0,90)
hsl(132,43%,14%)
rgb(20,50,26)
cmyk(60,0,48,80)
hsl(127,58%,19%)
rgb(20,75,26)
cmyk(73,0,65,71)
hsl(125,67%,24%)
rgb(20,100,26)
cmyk(80,0,74,61)
hsl(123,72%,28%)
rgb(20,125,26)
cmyk(84,0,79,51)
hsl(123,76%,33%)
rgb(20,150,26)
cmyk(87,0,83,41)
hsl(122,79%,38%)
rgb(20,175,26)
cmyk(89,0,85,31)

Color shades in Blue range

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

hsl(68,100%,5%)
rgb(20,23,0)
cmyk(13,0,100,91)
hsl(204,11%,9%)
rgb(20,23,25)
cmyk(20,8,0,90)
hsl(234,43%,14%)
rgb(20,23,50)
cmyk(60,54,0,80)
hsl(237,58%,19%)
rgb(20,23,75)
cmyk(73,69,0,71)
hsl(238,67%,24%)
rgb(20,23,100)
cmyk(80,77,0,61)
hsl(238,72%,28%)
rgb(20,23,125)
cmyk(84,82,0,51)
hsl(239,76%,33%)
rgb(20,23,150)
cmyk(87,85,0,41)
hsl(239,79%,38%)
rgb(20,23,175)
cmyk(89,87,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

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

Color shades in Magenta range

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

hsl(180,13%,9%)
rgb(20,25,25)
cmyk(23,0,0,90)
hsl(206,13%,9%)
rgb(20,23,25)
cmyk(23,10,0,90)
hsl(232,13%,9%)
rgb(20,20,25)
cmyk(23,20,0,90)
hsl(254,18%,8%)
rgb(20,18,25)
cmyk(23,30,0,90)
hsl(266,25%,8%)
rgb(20,15,25)
cmyk(23,40,0,90)
hsl(272,33%,8%)
rgb(20,13,25)
cmyk(23,50,0,90)
hsl(277,43%,7%)
rgb(20,10,25)
cmyk(23,60,0,90)
hsl(280,54%,7%)
rgb(20,8,25)
cmyk(23,70,0,90)

Color shades in Yellow range

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

hsl(211,13%,9%)
rgb(20,22,25)
cmyk(23,12,0,90)
hsl(189,8%,8%)
rgb(20,22,23)
cmyk(14,2,0,91)
hsl(136,7%,8%)
rgb(20,22,20)
cmyk(13,0,9,91)
hsl(97,11%,8%)
rgb(20,22,18)
cmyk(13,0,20,91)
hsl(84,19%,7%)
rgb(20,22,15)
cmyk(13,0,32,91)
hsl(77,28%,7%)
rgb(20,22,13)
cmyk(13,0,43,91)
hsl(74,37%,6%)
rgb(20,22,10)
cmyk(13,0,55,91)
hsl(71,49%,6%)
rgb(20,22,8)
cmyk(13,0,66,91)

Color shades in Black range

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

hsl(211,100%,89%)
rgb(196,224,255)
cmyk(23,12,0,0)
hsl(211,51%,80%)
rgb(177,202,230)
cmyk(23,12,0,10)
hsl(211,32%,71%)
rgb(157,180,204)
cmyk(23,12,0,20)
hsl(211,21%,62%)
rgb(137,157,179)
cmyk(23,12,0,30)
hsl(211,15%,53%)
rgb(118,135,153)
cmyk(23,12,0,40)
hsl(211,13%,44%)
rgb(98,112,128)
cmyk(23,12,0,50)
hsl(211,13%,35%)
rgb(79,90,102)
cmyk(23,12,0,60)
hsl(211,13%,27%)
rgb(59,67,77)
cmyk(23,12,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(20,23,26) usage in CSS

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


Color #14171A usage in CSS

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


Color hsl(210,13%,9%) usage in CSS

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