rgb(137,143,156) / #898F9C

rgb(137,143,156)

hsl(221,9%,57%)

cmyk(12,8,0,39)


Color Shades in HSL model

Color Lightness Range

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

hsl(221,9%,17%)
rgb(39,42,47)
cmyk(17,11,0,81)
hsl(221,9%,27%)
rgb(63,67,75)
cmyk(17,11,0,71)
hsl(221,9%,37%)
rgb(86,91,103)
cmyk(17,11,0,60)
hsl(221,9%,47%)
rgb(109,116,131)
cmyk(17,11,0,49)
hsl(221,9%,57%)
rgb(135,142,155)
cmyk(13,9,0,39)
hsl(221,9%,67%)
rgb(163,168,178)
cmyk(8,6,0,30)
hsl(221,9%,77%)
rgb(191,194,202)
cmyk(5,4,0,21)
hsl(221,9%,87%)
rgb(219,221,225)
cmyk(3,2,0,12)

Color Saturation Range

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

hsl(0,0%,57%)
rgb(145,145,145)
cmyk(0,0,0,43)
hsl(221,10%,57%)
rgb(134,141,156)
cmyk(14,10,0,39)
hsl(221,20%,57%)
rgb(123,137,167)
cmyk(26,18,0,34)
hsl(221,30%,57%)
rgb(112,133,178)
cmyk(37,25,0,30)
hsl(221,40%,57%)
rgb(101,129,189)
cmyk(46,32,0,26)
hsl(221,50%,57%)
rgb(91,125,200)
cmyk(55,37,0,22)
hsl(221,60%,57%)
rgb(80,121,211)
cmyk(62,43,0,17)
hsl(221,70%,57%)
rgb(69,117,222)
cmyk(69,47,0,13)

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(181,9%,57%)
rgb(135,155,155)
cmyk(13,0,0,39)
hsl(191,9%,57%)
rgb(135,152,155)
cmyk(13,2,0,39)
hsl(201,9%,57%)
rgb(135,148,155)
cmyk(13,4,0,39)
hsl(211,9%,57%)
rgb(135,145,155)
cmyk(13,7,0,39)
hsl(221,9%,57%)
rgb(135,142,155)
cmyk(13,9,0,39)
hsl(231,9%,57%)
rgb(135,138,155)
cmyk(13,11,0,39)
hsl(241,9%,57%)
rgb(136,135,155)
cmyk(13,13,0,39)
hsl(251,9%,57%)
rgb(139,135,155)
cmyk(10,13,0,39)

Color Shades in RGB model range

Color shades in Red range

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

hsl(187,62%,38%)
rgb(37,143,156)
cmyk(76,8,0,39)
hsl(188,43%,43%)
rgb(62,143,156)
cmyk(60,8,0,39)
hsl(191,28%,48%)
rgb(87,143,156)
cmyk(44,8,0,39)
hsl(198,18%,53%)
rgb(112,143,156)
cmyk(28,8,0,39)
hsl(221,9%,57%)
rgb(137,143,156)
cmyk(12,8,0,39)
hsl(319,9%,60%)
rgb(162,143,156)
cmyk(0,12,4,36)
hsl(342,24%,65%)
rgb(187,143,156)
cmyk(0,24,17,27)
hsl(349,45%,70%)
rgb(212,143,156)
cmyk(0,33,26,17)

Color shades in Green range

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

hsl(290,57%,39%)
rgb(137,43,156)
cmyk(12,72,0,39)
hsl(287,39%,44%)
rgb(137,68,156)
cmyk(12,56,0,39)
hsl(282,25%,49%)
rgb(137,93,156)
cmyk(12,40,0,39)
hsl(270,16%,54%)
rgb(137,118,156)
cmyk(12,24,0,39)
hsl(221,9%,57%)
rgb(137,143,156)
cmyk(12,8,0,39)
hsl(157,15%,60%)
rgb(137,168,156)
cmyk(18,0,7,34)
hsl(140,31%,65%)
rgb(137,193,156)
cmyk(29,0,19,24)
hsl(134,52%,70%)
rgb(137,218,156)
cmyk(37,0,28,15)

Color shades in Blue range

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

hsl(64,44%,39%)
rgb(137,143,56)
cmyk(4,0,61,44)
hsl(66,28%,44%)
rgb(137,143,81)
cmyk(4,0,43,44)
hsl(70,15%,49%)
rgb(137,143,106)
cmyk(4,0,26,44)
hsl(90,5%,54%)
rgb(137,143,131)
cmyk(4,0,8,44)
hsl(221,9%,57%)
rgb(137,143,156)
cmyk(12,8,0,39)
hsl(232,23%,62%)
rgb(137,143,181)
cmyk(24,21,0,29)
hsl(235,41%,67%)
rgb(137,143,206)
cmyk(33,31,0,19)
hsl(236,66%,72%)
rgb(137,143,231)
cmyk(41,38,0,9)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,6%,59%)
rgb(156,143,156)
cmyk(0,8,0,39)
hsl(228,7%,58%)
rgb(140,143,156)
cmyk(10,8,0,39)
hsl(204,14%,55%)
rgb(124,143,156)
cmyk(20,8,0,39)
hsl(196,19%,52%)
rgb(109,143,156)
cmyk(30,8,0,39)
hsl(192,25%,49%)
rgb(93,143,156)
cmyk(40,8,0,39)
hsl(190,33%,46%)
rgb(78,143,156)
cmyk(50,8,0,39)
hsl(188,43%,43%)
rgb(62,143,156)
cmyk(60,8,0,39)
hsl(187,54%,40%)
rgb(47,143,156)
cmyk(70,8,0,39)

Color shades in Magenta range

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

hsl(180,9%,57%)
rgb(137,156,156)
cmyk(12,0,0,39)
hsl(230,9%,57%)
rgb(137,140,156)
cmyk(12,10,0,39)
hsl(264,14%,55%)
rgb(137,124,156)
cmyk(12,20,0,39)
hsl(276,19%,52%)
rgb(137,109,156)
cmyk(12,30,0,39)
hsl(282,25%,49%)
rgb(137,93,156)
cmyk(12,40,0,39)
hsl(286,33%,46%)
rgb(137,78,156)
cmyk(12,50,0,39)
hsl(288,43%,43%)
rgb(137,62,156)
cmyk(12,60,0,39)
hsl(290,54%,40%)
rgb(137,47,156)
cmyk(12,70,0,39)

Color shades in Yellow range

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

hsl(220,9%,57%)
rgb(137,143,156)
cmyk(12,8,0,39)
hsl(150,3%,55%)
rgb(137,143,140)
cmyk(4,0,2,44)
hsl(80,8%,52%)
rgb(137,143,124)
cmyk(4,0,13,44)
hsl(71,14%,49%)
rgb(137,143,109)
cmyk(4,0,24,44)
hsl(68,21%,46%)
rgb(137,143,93)
cmyk(4,0,35,44)
hsl(66,30%,43%)
rgb(137,143,78)
cmyk(4,0,46,44)
hsl(65,39%,40%)
rgb(137,143,62)
cmyk(4,0,57,44)
hsl(64,51%,37%)
rgb(137,143,47)
cmyk(4,0,67,44)

Color shades in Black range

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

hsl(220,100%,94%)
rgb(224,235,255)
cmyk(12,8,0,0)
hsl(220,35%,85%)
rgb(202,211,230)
cmyk(12,8,0,10)
hsl(220,19%,75%)
rgb(180,188,204)
cmyk(12,8,0,20)
hsl(220,12%,66%)
rgb(157,164,179)
cmyk(12,8,0,30)
hsl(220,8%,56%)
rgb(135,141,153)
cmyk(12,8,0,40)
hsl(220,6%,47%)
rgb(112,117,128)
cmyk(12,8,0,50)
hsl(220,6%,38%)
rgb(90,94,102)
cmyk(12,8,0,60)
hsl(220,6%,28%)
rgb(67,70,77)
cmyk(12,8,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(137,143,156) usage in CSS

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


Color #898F9C usage in CSS

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


Color hsl(221,9%,57%) usage in CSS

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