rgb(64,93,230) / #405DE6

rgb(64,93,230)

hsl(230,77%,58%)

cmyk(72,60,0,10)


Color Shades in HSL model

Color Lightness Range

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

hsl(230,77%,18%)
rgb(11,22,81)
cmyk(87,73,0,68)
hsl(230,77%,28%)
rgb(16,35,126)
cmyk(87,73,0,50)
hsl(230,77%,38%)
rgb(22,47,172)
cmyk(87,73,0,33)
hsl(230,77%,48%)
rgb(28,60,217)
cmyk(87,73,0,15)
hsl(230,77%,58%)
rgb(65,93,230)
cmyk(72,60,0,10)
hsl(230,77%,68%)
rgb(111,132,236)
cmyk(53,44,0,7)
hsl(230,77%,78%)
rgb(156,170,242)
cmyk(36,30,0,5)
hsl(230,77%,88%)
rgb(201,209,248)
cmyk(19,16,0,3)

Color Saturation Range

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

hsl(230,30%,58%)
rgb(116,126,180)
cmyk(36,30,0,29)
hsl(230,40%,58%)
rgb(105,119,191)
cmyk(45,37,0,25)
hsl(230,50%,58%)
rgb(94,112,201)
cmyk(53,44,0,21)
hsl(230,60%,58%)
rgb(84,105,212)
cmyk(61,50,0,17)
hsl(230,70%,58%)
rgb(73,98,223)
cmyk(67,56,0,13)
hsl(230,80%,58%)
rgb(62,91,234)
cmyk(73,61,0,8)
hsl(230,90%,58%)
rgb(52,84,244)
cmyk(79,66,0,4)
hsl(230,100%,58%)
rgb(41,77,255)
cmyk(84,70,0,0)

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(190,77%,58%)
rgb(65,203,230)
cmyk(72,12,0,10)
hsl(200,77%,58%)
rgb(65,175,230)
cmyk(72,24,0,10)
hsl(210,77%,58%)
rgb(65,148,230)
cmyk(72,36,0,10)
hsl(220,77%,58%)
rgb(65,120,230)
cmyk(72,48,0,10)
hsl(230,77%,58%)
rgb(65,93,230)
cmyk(72,60,0,10)
hsl(240,77%,58%)
rgb(65,65,230)
cmyk(72,72,0,10)
hsl(250,77%,58%)
rgb(93,65,230)
cmyk(60,72,0,10)
hsl(260,77%,58%)
rgb(120,65,230)
cmyk(48,72,0,10)

Color Shades in RGB model range

Color shades in Red range

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

hsl(216,100%,45%)
rgb(0,93,230)
cmyk(100,60,0,10)
hsl(220,80%,50%)
rgb(25,93,230)
cmyk(89,60,0,10)
hsl(226,78%,55%)
rgb(50,93,230)
cmyk(78,60,0,10)
hsl(233,76%,60%)
rgb(75,93,230)
cmyk(67,60,0,10)
hsl(243,73%,63%)
rgb(100,93,230)
cmyk(57,60,0,10)
hsl(254,73%,63%)
rgb(125,93,230)
cmyk(46,60,0,10)
hsl(265,73%,63%)
rgb(150,93,230)
cmyk(35,60,0,10)
hsl(276,73%,63%)
rgb(175,93,230)
cmyk(24,60,0,10)

Color shades in Green range

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

hsl(257,100%,45%)
rgb(64,0,230)
cmyk(72,100,0,10)
hsl(251,80%,50%)
rgb(64,25,230)
cmyk(72,89,0,10)
hsl(245,78%,55%)
rgb(64,50,230)
cmyk(72,78,0,10)
hsl(236,77%,58%)
rgb(64,75,230)
cmyk(72,67,0,10)
hsl(227,77%,58%)
rgb(64,100,230)
cmyk(72,57,0,10)
hsl(218,77%,58%)
rgb(64,125,230)
cmyk(72,46,0,10)
hsl(209,77%,58%)
rgb(64,150,230)
cmyk(72,35,0,10)
hsl(200,77%,58%)
rgb(64,175,230)
cmyk(72,24,0,10)

Color shades in Blue range

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

hsl(153,18%,31%)
rgb(64,93,80)
cmyk(31,0,14,64)
hsl(198,24%,33%)
rgb(64,93,105)
cmyk(39,11,0,59)
hsl(214,34%,38%)
rgb(64,93,130)
cmyk(51,28,0,49)
hsl(221,42%,43%)
rgb(64,93,155)
cmyk(59,40,0,39)
hsl(225,48%,48%)
rgb(64,93,180)
cmyk(64,48,0,29)
hsl(228,59%,53%)
rgb(64,93,205)
cmyk(69,55,0,20)
hsl(230,77%,58%)
rgb(64,93,230)
cmyk(72,60,0,10)
hsl(231,100%,63%)
rgb(64,93,255)
cmyk(75,64,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(270,73%,63%)
rgb(161,92,230)
cmyk(30,60,0,10)
hsl(260,73%,63%)
rgb(138,92,230)
cmyk(40,60,0,10)
hsl(250,73%,63%)
rgb(115,92,230)
cmyk(50,60,0,10)
hsl(240,73%,63%)
rgb(92,92,230)
cmyk(60,60,0,10)
hsl(231,76%,59%)
rgb(69,92,230)
cmyk(70,60,0,10)
hsl(225,78%,54%)
rgb(46,92,230)
cmyk(80,60,0,10)
hsl(220,82%,50%)
rgb(23,92,230)
cmyk(90,60,0,10)
hsl(216,100%,45%)
rgb(0,92,230)
cmyk(100,60,0,10)

Color shades in Magenta range

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

hsl(197,76%,58%)
rgb(64,184,230)
cmyk(72,20,0,10)
hsl(205,76%,58%)
rgb(64,161,230)
cmyk(72,30,0,10)
hsl(213,76%,58%)
rgb(64,138,230)
cmyk(72,40,0,10)
hsl(222,76%,58%)
rgb(64,115,230)
cmyk(72,50,0,10)
hsl(230,76%,58%)
rgb(64,92,230)
cmyk(72,60,0,10)
hsl(238,76%,58%)
rgb(64,69,230)
cmyk(72,70,0,10)
hsl(246,78%,54%)
rgb(64,46,230)
cmyk(72,80,0,10)
hsl(252,82%,50%)
rgb(64,23,230)
cmyk(72,90,0,10)

Color shades in Yellow range

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

hsl(230,76%,58%)
rgb(64,92,230)
cmyk(72,60,0,10)
hsl(228,59%,53%)
rgb(64,92,207)
cmyk(69,56,0,19)
hsl(226,48%,49%)
rgb(64,92,184)
cmyk(65,50,0,28)
hsl(223,43%,44%)
rgb(64,92,161)
cmyk(60,43,0,37)
hsl(218,36%,40%)
rgb(64,92,138)
cmyk(53,33,0,46)
hsl(207,28%,35%)
rgb(64,92,115)
cmyk(44,20,0,55)
hsl(180,18%,31%)
rgb(64,92,92)
cmyk(30,0,0,64)
hsl(130,18%,31%)
rgb(64,92,69)
cmyk(30,0,25,64)

Color shades in Black range

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

hsl(230,100%,64%)
rgb(71,102,255)
cmyk(72,60,0,0)
hsl(230,76%,58%)
rgb(64,92,230)
cmyk(72,60,0,10)
hsl(230,59%,51%)
rgb(57,82,204)
cmyk(72,60,0,20)
hsl(230,56%,45%)
rgb(50,71,179)
cmyk(72,60,0,30)
hsl(230,56%,38%)
rgb(43,61,153)
cmyk(72,60,0,40)
hsl(230,56%,32%)
rgb(36,51,128)
cmyk(72,60,0,50)
hsl(230,56%,26%)
rgb(29,41,102)
cmyk(72,60,0,60)
hsl(230,56%,19%)
rgb(21,31,77)
cmyk(72,60,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(64,93,230) usage in CSS

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


Color #405DE6 usage in CSS

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


Color hsl(230,77%,58%) usage in CSS

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