rgb(40,62,74) / #283E4A

rgb(40,62,74)

hsl(201,30%,22%)

cmyk(46,16,0,71)


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(201,30%,10%)
rgb(18,28,33)
cmyk(46,16,0,87)
hsl(201,30%,20%)
rgb(36,56,66)
cmyk(46,16,0,74)
hsl(201,30%,30%)
rgb(54,83,99)
cmyk(46,16,0,61)
hsl(201,30%,40%)
rgb(71,111,133)
cmyk(46,16,0,48)
hsl(201,30%,50%)
rgb(89,139,166)
cmyk(46,16,0,35)
hsl(201,30%,60%)
rgb(122,162,184)
cmyk(33,12,0,28)
hsl(201,30%,70%)
rgb(156,185,201)
cmyk(23,8,0,21)

Color Saturation Range

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

hsl(0,0%,22%)
rgb(56,56,56)
cmyk(0,0,0,78)
hsl(201,10%,22%)
rgb(50,58,62)
cmyk(18,6,0,76)
hsl(201,20%,22%)
rgb(45,59,67)
cmyk(33,12,0,74)
hsl(201,30%,22%)
rgb(39,61,73)
cmyk(46,16,0,71)
hsl(201,40%,22%)
rgb(34,63,79)
cmyk(57,20,0,69)
hsl(201,50%,22%)
rgb(28,65,84)
cmyk(67,23,0,67)
hsl(201,60%,22%)
rgb(22,66,90)
cmyk(75,26,0,65)
hsl(201,70%,22%)
rgb(17,68,95)
cmyk(82,29,0,63)

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(161,30%,22%)
rgb(39,73,62)
cmyk(46,0,15,71)
hsl(171,30%,22%)
rgb(39,73,68)
cmyk(46,0,7,71)
hsl(181,30%,22%)
rgb(39,72,73)
cmyk(46,1,0,71)
hsl(191,30%,22%)
rgb(39,67,73)
cmyk(46,8,0,71)
hsl(201,30%,22%)
rgb(39,61,73)
cmyk(46,16,0,71)
hsl(211,30%,22%)
rgb(39,56,73)
cmyk(46,24,0,71)
hsl(221,30%,22%)
rgb(39,50,73)
cmyk(46,32,0,71)
hsl(231,30%,22%)
rgb(39,44,73)
cmyk(46,39,0,71)

Color Shades in RGB model range

Color shades in Red range

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

hsl(190,100%,15%)
rgb(0,62,74)
cmyk(100,16,0,71)
hsl(195,49%,19%)
rgb(25,62,74)
cmyk(66,16,0,71)
hsl(210,19%,24%)
rgb(50,62,74)
cmyk(32,16,0,71)
hsl(305,9%,27%)
rgb(75,62,74)
cmyk(0,17,1,71)
hsl(341,23%,32%)
rgb(100,62,74)
cmyk(0,38,26,61)
hsl(349,34%,37%)
rgb(125,62,74)
cmyk(0,50,41,51)
hsl(352,42%,42%)
rgb(150,62,74)
cmyk(0,59,51,41)
hsl(354,48%,46%)
rgb(175,62,74)
cmyk(0,65,58,31)

Color shades in Green range

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

hsl(272,100%,15%)
rgb(40,0,74)
cmyk(46,100,0,71)
hsl(258,49%,19%)
rgb(40,25,74)
cmyk(46,66,0,71)
hsl(222,30%,22%)
rgb(40,50,74)
cmyk(46,32,0,71)
hsl(178,30%,23%)
rgb(40,75,74)
cmyk(47,0,1,71)
hsl(154,43%,27%)
rgb(40,100,74)
cmyk(60,0,26,61)
hsl(144,52%,32%)
rgb(40,125,74)
cmyk(68,0,41,51)
hsl(139,58%,37%)
rgb(40,150,74)
cmyk(73,0,51,41)
hsl(135,63%,42%)
rgb(40,175,74)
cmyk(77,0,58,31)

Color shades in Blue range

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

hsl(81,100%,12%)
rgb(40,62,0)
cmyk(35,0,100,76)
hsl(96,43%,17%)
rgb(40,62,25)
cmyk(35,0,60,76)
hsl(147,22%,20%)
rgb(40,62,50)
cmyk(35,0,19,76)
hsl(202,30%,23%)
rgb(40,62,75)
cmyk(47,17,0,71)
hsl(218,43%,27%)
rgb(40,62,100)
cmyk(60,38,0,61)
hsl(224,52%,32%)
rgb(40,62,125)
cmyk(68,50,0,51)
hsl(228,58%,37%)
rgb(40,62,150)
cmyk(73,59,0,41)
hsl(230,63%,42%)
rgb(40,62,175)
cmyk(77,65,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(278,9%,27%)
rgb(70,62,74)
cmyk(6,16,0,71)
hsl(240,9%,27%)
rgb(62,62,74)
cmyk(16,16,0,71)
hsl(217,15%,25%)
rgb(55,62,74)
cmyk(26,16,0,71)
hsl(207,22%,24%)
rgb(47,62,74)
cmyk(36,16,0,71)
hsl(201,30%,22%)
rgb(40,62,74)
cmyk(46,16,0,71)
hsl(197,39%,21%)
rgb(33,62,74)
cmyk(56,16,0,71)
hsl(195,49%,19%)
rgb(25,62,74)
cmyk(66,16,0,71)
hsl(193,61%,18%)
rgb(18,62,74)
cmyk(76,16,0,71)

Color shades in Magenta range

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

hsl(180,30%,22%)
rgb(40,74,74)
cmyk(46,0,0,71)
hsl(193,30%,22%)
rgb(40,67,74)
cmyk(46,10,0,71)
hsl(206,30%,22%)
rgb(40,59,74)
cmyk(46,20,0,71)
hsl(219,30%,22%)
rgb(40,52,74)
cmyk(46,30,0,71)
hsl(232,30%,22%)
rgb(40,44,74)
cmyk(46,40,0,71)
hsl(245,33%,22%)
rgb(40,37,74)
cmyk(46,50,0,71)
hsl(254,43%,20%)
rgb(40,30,74)
cmyk(46,60,0,71)
hsl(261,54%,19%)
rgb(40,22,74)
cmyk(46,70,0,71)

Color shades in Yellow range

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

hsl(201,30%,22%)
rgb(40,62,74)
cmyk(46,16,0,71)
hsl(190,25%,21%)
rgb(40,62,67)
cmyk(40,7,0,74)
hsl(172,22%,20%)
rgb(40,62,59)
cmyk(36,0,5,76)
hsl(152,22%,20%)
rgb(40,62,52)
cmyk(36,0,17,76)
hsl(132,22%,20%)
rgb(40,62,44)
cmyk(36,0,29,76)
hsl(113,25%,19%)
rgb(40,62,37)
cmyk(36,0,40,76)
hsl(101,35%,18%)
rgb(40,62,30)
cmyk(36,0,52,76)
hsl(93,47%,17%)
rgb(40,62,22)
cmyk(36,0,64,76)

Color shades in Black range

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

hsl(201,100%,77%)
rgb(138,214,255)
cmyk(46,16,0,0)
hsl(201,67%,69%)
rgb(124,193,230)
cmyk(46,16,0,10)
hsl(201,48%,62%)
rgb(110,171,204)
cmyk(46,16,0,20)
hsl(201,35%,54%)
rgb(96,150,179)
cmyk(46,16,0,30)
hsl(201,30%,46%)
rgb(83,129,153)
cmyk(46,16,0,40)
hsl(201,30%,39%)
rgb(69,107,128)
cmyk(46,16,0,50)
hsl(201,30%,31%)
rgb(55,86,102)
cmyk(46,16,0,60)
hsl(201,30%,23%)
rgb(41,64,77)
cmyk(46,16,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(40,62,74) usage in CSS

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


Color #283E4A usage in CSS

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


Color hsl(201,30%,22%) usage in CSS

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