rgb(69,90,100) / #455A64

rgb(69,90,100)

hsl(199,18%,33%)

cmyk(31,10,0,61)


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(199,18%,10%)
rgb(21,27,30)
cmyk(31,10,0,88)
hsl(199,18%,20%)
rgb(42,54,60)
cmyk(31,10,0,76)
hsl(199,18%,30%)
rgb(63,82,90)
cmyk(31,10,0,65)
hsl(199,18%,40%)
rgb(84,109,120)
cmyk(31,10,0,53)
hsl(199,18%,50%)
rgb(105,136,150)
cmyk(31,10,0,41)
hsl(199,18%,60%)
rgb(135,160,171)
cmyk(21,7,0,33)
hsl(199,18%,70%)
rgb(165,184,192)
cmyk(14,5,0,25)

Color Saturation Range

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

hsl(0,0%,33%)
rgb(84,84,84)
cmyk(0,0,0,67)
hsl(199,10%,33%)
rgb(76,87,93)
cmyk(18,6,0,64)
hsl(199,20%,33%)
rgb(67,90,101)
cmyk(33,11,0,60)
hsl(199,30%,33%)
rgb(59,93,109)
cmyk(46,15,0,57)
hsl(199,40%,33%)
rgb(50,96,118)
cmyk(57,18,0,54)
hsl(199,50%,33%)
rgb(42,100,126)
cmyk(67,21,0,51)
hsl(199,60%,33%)
rgb(34,103,135)
cmyk(75,24,0,47)
hsl(199,70%,33%)
rgb(25,106,143)
cmyk(82,26,0,44)

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(159,18%,33%)
rgb(69,99,89)
cmyk(31,0,11,61)
hsl(169,18%,33%)
rgb(69,99,94)
cmyk(31,0,6,61)
hsl(179,18%,33%)
rgb(69,99,99)
cmyk(31,0,1,61)
hsl(189,18%,33%)
rgb(69,95,99)
cmyk(31,5,0,61)
hsl(199,18%,33%)
rgb(69,90,99)
cmyk(31,10,0,61)
hsl(209,18%,33%)
rgb(69,85,99)
cmyk(31,15,0,61)
hsl(219,18%,33%)
rgb(69,80,99)
cmyk(31,20,0,61)
hsl(229,18%,33%)
rgb(69,75,99)
cmyk(31,25,0,61)

Color Shades in RGB model range

Color shades in Red range

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

hsl(186,100%,20%)
rgb(0,90,100)
cmyk(100,10,0,61)
hsl(188,60%,25%)
rgb(25,90,100)
cmyk(75,10,0,61)
hsl(192,33%,29%)
rgb(50,90,100)
cmyk(50,10,0,61)
hsl(204,14%,34%)
rgb(75,90,100)
cmyk(25,10,0,61)
hsl(300,5%,37%)
rgb(100,90,100)
cmyk(0,10,0,61)
hsl(343,16%,42%)
rgb(125,90,100)
cmyk(0,28,20,51)
hsl(350,25%,47%)
rgb(150,90,100)
cmyk(0,40,33,41)
hsl(353,35%,52%)
rgb(175,90,100)
cmyk(0,49,43,31)

Color shades in Green range

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

hsl(281,100%,20%)
rgb(69,0,100)
cmyk(31,100,0,61)
hsl(275,60%,25%)
rgb(69,25,100)
cmyk(31,75,0,61)
hsl(263,33%,29%)
rgb(69,50,100)
cmyk(31,50,0,61)
hsl(228,18%,33%)
rgb(69,75,100)
cmyk(31,25,0,61)
hsl(180,18%,33%)
rgb(69,100,100)
cmyk(31,0,0,61)
hsl(153,29%,38%)
rgb(69,125,100)
cmyk(45,0,20,51)
hsl(143,37%,43%)
rgb(69,150,100)
cmyk(54,0,33,41)
hsl(138,43%,48%)
rgb(69,175,100)
cmyk(61,0,43,31)

Color shades in Blue range

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

hsl(74,100%,18%)
rgb(69,90,0)
cmyk(23,0,100,65)
hsl(79,57%,23%)
rgb(69,90,25)
cmyk(23,0,72,65)
hsl(92,29%,27%)
rgb(69,90,50)
cmyk(23,0,44,65)
hsl(137,13%,31%)
rgb(69,90,75)
cmyk(23,0,17,65)
hsl(199,18%,33%)
rgb(69,90,100)
cmyk(31,10,0,61)
hsl(218,29%,38%)
rgb(69,90,125)
cmyk(45,28,0,51)
hsl(224,37%,43%)
rgb(69,90,150)
cmyk(54,40,0,41)
hsl(228,43%,48%)
rgb(69,90,175)
cmyk(61,49,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,5%,37%)
rgb(99,90,99)
cmyk(0,10,0,61)
hsl(240,5%,37%)
rgb(90,90,99)
cmyk(10,10,0,61)
hsl(210,11%,35%)
rgb(80,90,99)
cmyk(20,10,0,61)
hsl(200,18%,33%)
rgb(70,90,99)
cmyk(30,10,0,61)
hsl(195,25%,31%)
rgb(60,90,99)
cmyk(40,10,0,61)
hsl(192,33%,29%)
rgb(50,90,99)
cmyk(50,10,0,61)
hsl(190,43%,27%)
rgb(40,90,99)
cmyk(60,10,0,61)
hsl(189,54%,25%)
rgb(30,90,99)
cmyk(70,10,0,61)

Color shades in Magenta range

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

hsl(180,18%,33%)
rgb(69,99,99)
cmyk(31,0,0,61)
hsl(199,18%,33%)
rgb(69,90,99)
cmyk(31,10,0,61)
hsl(219,18%,33%)
rgb(69,80,99)
cmyk(31,20,0,61)
hsl(238,18%,33%)
rgb(69,70,99)
cmyk(31,30,0,61)
hsl(253,25%,31%)
rgb(69,60,99)
cmyk(31,40,0,61)
hsl(263,33%,29%)
rgb(69,50,99)
cmyk(31,50,0,61)
hsl(269,43%,27%)
rgb(69,40,99)
cmyk(31,60,0,61)
hsl(273,54%,25%)
rgb(69,30,99)
cmyk(31,70,0,61)

Color shades in Yellow range

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

hsl(199,18%,33%)
rgb(69,90,99)
cmyk(31,10,0,61)
hsl(180,13%,31%)
rgb(69,90,90)
cmyk(23,0,0,65)
hsl(151,13%,31%)
rgb(69,90,80)
cmyk(23,0,11,65)
hsl(123,13%,31%)
rgb(69,90,70)
cmyk(23,0,22,65)
hsl(102,20%,29%)
rgb(69,90,60)
cmyk(23,0,33,65)
hsl(92,29%,27%)
rgb(69,90,50)
cmyk(23,0,44,65)
hsl(85,38%,25%)
rgb(69,90,40)
cmyk(23,0,56,65)
hsl(81,50%,23%)
rgb(69,90,30)
cmyk(23,0,67,65)

Color shades in Black range

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

hsl(199,100%,85%)
rgb(176,230,255)
cmyk(31,10,0,0)
hsl(199,58%,76%)
rgb(158,207,230)
cmyk(31,10,0,10)
hsl(199,38%,68%)
rgb(141,184,204)
cmyk(31,10,0,20)
hsl(199,27%,59%)
rgb(123,161,179)
cmyk(31,10,0,30)
hsl(199,19%,51%)
rgb(106,138,153)
cmyk(31,10,0,40)
hsl(199,18%,42%)
rgb(88,115,128)
cmyk(31,10,0,50)
hsl(199,18%,34%)
rgb(70,92,102)
cmyk(31,10,0,60)
hsl(199,18%,25%)
rgb(53,69,77)
cmyk(31,10,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(69,90,100) usage in CSS

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


Color #455A64 usage in CSS

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


Color hsl(199,18%,33%) usage in CSS

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