rgb(64,115,191) / #4073BF

rgb(64,115,191)

hsl(216,50%,50%)

cmyk(66,40,0,25)


Color Shades in HSL model

Color Lightness Range

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

hsl(216,50%,10%)
rgb(13,23,38)
cmyk(67,40,0,85)
hsl(216,50%,20%)
rgb(25,46,77)
cmyk(67,40,0,70)
hsl(216,50%,30%)
rgb(38,69,115)
cmyk(67,40,0,55)
hsl(216,50%,40%)
rgb(51,92,153)
cmyk(67,40,0,40)
hsl(216,50%,50%)
rgb(64,115,191)
cmyk(67,40,0,25)
hsl(216,50%,60%)
rgb(102,143,204)
cmyk(50,30,0,20)
hsl(216,50%,70%)
rgb(140,171,217)
cmyk(35,21,0,15)
hsl(216,50%,80%)
rgb(179,199,230)
cmyk(22,13,0,10)

Color Saturation Range

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

hsl(216,10%,50%)
rgb(115,125,140)
cmyk(18,11,0,45)
hsl(216,20%,50%)
rgb(102,122,153)
cmyk(33,20,0,40)
hsl(216,30%,50%)
rgb(89,120,166)
cmyk(46,28,0,35)
hsl(216,40%,50%)
rgb(77,117,179)
cmyk(57,34,0,30)
hsl(216,50%,50%)
rgb(64,115,191)
cmyk(67,40,0,25)
hsl(216,60%,50%)
rgb(51,112,204)
cmyk(75,45,0,20)
hsl(216,70%,50%)
rgb(38,110,217)
cmyk(82,49,0,15)
hsl(216,80%,50%)
rgb(25,107,230)
cmyk(89,53,0,10)

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(176,50%,50%)
rgb(64,191,183)
cmyk(67,0,4,25)
hsl(186,50%,50%)
rgb(64,178,191)
cmyk(67,7,0,25)
hsl(196,50%,50%)
rgb(64,157,191)
cmyk(67,18,0,25)
hsl(206,50%,50%)
rgb(64,136,191)
cmyk(67,29,0,25)
hsl(216,50%,50%)
rgb(64,115,191)
cmyk(67,40,0,25)
hsl(226,50%,50%)
rgb(64,93,191)
cmyk(67,51,0,25)
hsl(236,50%,50%)
rgb(64,72,191)
cmyk(67,62,0,25)
hsl(246,50%,50%)
rgb(76,64,191)
cmyk(60,67,0,25)

Color Shades in RGB model range

Color shades in Red range

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

hsl(204,100%,37%)
rgb(0,115,191)
cmyk(100,40,0,25)
hsl(207,77%,42%)
rgb(25,115,191)
cmyk(87,40,0,25)
hsl(212,59%,47%)
rgb(50,115,191)
cmyk(74,40,0,25)
hsl(219,48%,52%)
rgb(75,115,191)
cmyk(61,40,0,25)
hsl(230,42%,57%)
rgb(100,115,191)
cmyk(48,40,0,25)
hsl(248,37%,60%)
rgb(125,115,191)
cmyk(35,40,0,25)
hsl(268,37%,60%)
rgb(150,115,191)
cmyk(21,40,0,25)
hsl(287,37%,60%)
rgb(175,115,191)
cmyk(8,40,0,25)

Color shades in Green range

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

hsl(257,85%,40%)
rgb(64,15,191)
cmyk(66,92,0,25)
hsl(250,65%,45%)
rgb(64,40,191)
cmyk(66,79,0,25)
hsl(240,50%,50%)
rgb(64,65,191)
cmyk(66,66,0,25)
hsl(228,50%,50%)
rgb(64,90,191)
cmyk(66,53,0,25)
hsl(216,50%,50%)
rgb(64,115,191)
cmyk(66,40,0,25)
hsl(204,50%,50%)
rgb(64,140,191)
cmyk(66,27,0,25)
hsl(192,50%,50%)
rgb(64,165,191)
cmyk(66,14,0,25)
hsl(180,50%,50%)
rgb(64,190,191)
cmyk(66,1,0,25)

Color shades in Blue range

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

hsl(139,28%,35%)
rgb(64,115,80)
cmyk(44,0,30,55)
hsl(168,28%,35%)
rgb(64,115,105)
cmyk(44,0,9,55)
hsl(194,34%,38%)
rgb(64,115,130)
cmyk(51,12,0,49)
hsl(206,42%,43%)
rgb(64,115,155)
cmyk(59,26,0,39)
hsl(214,48%,48%)
rgb(64,115,180)
cmyk(64,36,0,29)
hsl(218,59%,53%)
rgb(64,115,205)
cmyk(69,44,0,20)
hsl(222,77%,58%)
rgb(64,115,230)
cmyk(72,50,0,10)
hsl(224,100%,63%)
rgb(64,115,255)
cmyk(75,55,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(261,38%,60%)
rgb(142,115,191)
cmyk(26,40,0,25)
hsl(246,38%,60%)
rgb(122,115,191)
cmyk(36,40,0,25)
hsl(232,41%,58%)
rgb(103,115,191)
cmyk(46,40,0,25)
hsl(223,46%,54%)
rgb(84,115,191)
cmyk(56,40,0,25)
hsl(216,50%,50%)
rgb(65,115,191)
cmyk(66,40,0,25)
hsl(212,61%,47%)
rgb(46,115,191)
cmyk(76,40,0,25)
hsl(208,75%,43%)
rgb(27,115,191)
cmyk(86,40,0,25)
hsl(205,92%,39%)
rgb(8,115,191)
cmyk(96,40,0,25)

Color shades in Magenta range

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

hsl(180,50%,50%)
rgb(65,191,191)
cmyk(66,0,0,25)
hsl(189,50%,50%)
rgb(65,172,191)
cmyk(66,10,0,25)
hsl(198,50%,50%)
rgb(65,153,191)
cmyk(66,20,0,25)
hsl(207,50%,50%)
rgb(65,134,191)
cmyk(66,30,0,25)
hsl(216,50%,50%)
rgb(65,115,191)
cmyk(66,40,0,25)
hsl(225,50%,50%)
rgb(65,96,191)
cmyk(66,50,0,25)
hsl(235,50%,50%)
rgb(65,77,191)
cmyk(66,60,0,25)
hsl(243,54%,49%)
rgb(65,57,191)
cmyk(66,70,0,25)

Color shades in Yellow range

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

hsl(216,50%,50%)
rgb(65,115,191)
cmyk(66,40,0,25)
hsl(212,45%,47%)
rgb(65,115,172)
cmyk(62,33,0,32)
hsl(206,40%,43%)
rgb(65,115,153)
cmyk(57,25,0,40)
hsl(197,35%,39%)
rgb(65,115,134)
cmyk(51,14,0,48)
hsl(180,28%,35%)
rgb(65,115,115)
cmyk(43,0,0,55)
hsl(157,28%,35%)
rgb(65,115,96)
cmyk(43,0,17,55)
hsl(134,28%,35%)
rgb(65,115,77)
cmyk(43,0,33,55)
hsl(112,33%,34%)
rgb(65,115,57)
cmyk(43,0,50,55)

Color shades in Black range

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

hsl(216,100%,67%)
rgb(87,153,255)
cmyk(66,40,0,0)
hsl(216,75%,60%)
rgb(78,138,230)
cmyk(66,40,0,10)
hsl(216,57%,54%)
rgb(69,122,204)
cmyk(66,40,0,20)
hsl(216,49%,47%)
rgb(61,107,179)
cmyk(66,40,0,30)
hsl(216,49%,40%)
rgb(52,92,153)
cmyk(66,40,0,40)
hsl(216,49%,34%)
rgb(43,77,128)
cmyk(66,40,0,50)
hsl(216,49%,27%)
rgb(35,61,102)
cmyk(66,40,0,60)
hsl(216,49%,20%)
rgb(26,46,77)
cmyk(66,40,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(64,115,191) usage in CSS

.bg-rgb-color { background-color: rgb(64,115,191); }
.text-rgb-color { color: rgb(64,115,191); }
.border-rgb-color { border: 1px solid rgb(64,115,191); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(64,115,191); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(64,115,191); }


Color #4073BF usage in CSS

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


Color hsl(216,50%,50%) usage in CSS

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