RoyalBlue rgb(65,105,225) / #4169E1

RoyalBlue

rgb(65,105,225)

hsl(225,73%,57%)

cmyk(71,53,0,12)


RoyalBlue Color Shades in HSL model

RoyalBlue Color Lightness Range

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

hsl(225,73%,17%)
rgb(12,28,75)
cmyk(84,63,0,71)
hsl(225,73%,27%)
rgb(19,44,119)
cmyk(84,63,0,53)
hsl(225,73%,37%)
rgb(25,60,163)
cmyk(84,63,0,36)
hsl(225,73%,47%)
rgb(32,76,207)
cmyk(84,63,0,19)
hsl(225,73%,57%)
rgb(65,105,225)
cmyk(71,53,0,12)
hsl(225,73%,67%)
rgb(109,140,232)
cmyk(53,40,0,9)
hsl(225,73%,77%)
rgb(154,175,239)
cmyk(36,27,0,6)
hsl(225,73%,87%)
rgb(198,210,246)
cmyk(20,15,0,4)

RoyalBlue Color Saturation Range

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

hsl(225,30%,57%)
rgb(112,129,178)
cmyk(37,28,0,30)
hsl(225,40%,57%)
rgb(101,123,189)
cmyk(46,35,0,26)
hsl(225,50%,57%)
rgb(91,118,200)
cmyk(55,41,0,22)
hsl(225,60%,57%)
rgb(80,112,211)
cmyk(62,47,0,17)
hsl(225,70%,57%)
rgb(69,107,222)
cmyk(69,52,0,13)
hsl(225,80%,57%)
rgb(58,101,233)
cmyk(75,56,0,9)
hsl(225,90%,57%)
rgb(47,96,244)
cmyk(81,61,0,4)
hsl(225,100%,57%)
rgb(36,91,255)
cmyk(86,65,0,0)

RoyalBlue 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(185,73%,57%)
rgb(65,212,225)
cmyk(71,6,0,12)
hsl(195,73%,57%)
rgb(65,185,225)
cmyk(71,18,0,12)
hsl(205,73%,57%)
rgb(65,159,225)
cmyk(71,30,0,12)
hsl(215,73%,57%)
rgb(65,132,225)
cmyk(71,41,0,12)
hsl(225,73%,57%)
rgb(65,105,225)
cmyk(71,53,0,12)
hsl(235,73%,57%)
rgb(65,79,225)
cmyk(71,65,0,12)
hsl(245,73%,57%)
rgb(79,65,225)
cmyk(65,71,0,12)
hsl(255,73%,57%)
rgb(105,65,225)
cmyk(53,71,0,12)

RoyalBlue Color Shades in RGB model range

Color shades in Red range

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

hsl(212,100%,44%)
rgb(0,105,225)
cmyk(100,53,0,12)
hsl(216,80%,49%)
rgb(25,105,225)
cmyk(89,53,0,12)
hsl(221,74%,54%)
rgb(50,105,225)
cmyk(78,53,0,12)
hsl(228,71%,59%)
rgb(75,105,225)
cmyk(67,53,0,12)
hsl(238,68%,64%)
rgb(100,105,225)
cmyk(56,53,0,12)
hsl(250,67%,65%)
rgb(125,105,225)
cmyk(44,53,0,12)
hsl(263,67%,65%)
rgb(150,105,225)
cmyk(33,53,0,12)
hsl(275,67%,65%)
rgb(175,105,225)
cmyk(22,53,0,12)

Color shades in Green range

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

hsl(256,96%,45%)
rgb(65,5,225)
cmyk(71,98,0,12)
hsl(251,76%,50%)
rgb(65,30,225)
cmyk(71,87,0,12)
hsl(244,74%,55%)
rgb(65,55,225)
cmyk(71,76,0,12)
hsl(234,73%,57%)
rgb(65,80,225)
cmyk(71,64,0,12)
hsl(225,73%,57%)
rgb(65,105,225)
cmyk(71,53,0,12)
hsl(216,73%,57%)
rgb(65,130,225)
cmyk(71,42,0,12)
hsl(206,73%,57%)
rgb(65,155,225)
cmyk(71,31,0,12)
hsl(197,73%,57%)
rgb(65,180,225)
cmyk(71,20,0,12)

Color shades in Blue range

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

hsl(143,24%,33%)
rgb(65,105,80)
cmyk(38,0,24,59)
hsl(180,24%,33%)
rgb(65,105,105)
cmyk(38,0,0,59)
hsl(203,33%,38%)
rgb(65,105,130)
cmyk(50,19,0,49)
hsl(213,41%,43%)
rgb(65,105,155)
cmyk(58,32,0,39)
hsl(219,47%,48%)
rgb(65,105,180)
cmyk(64,42,0,29)
hsl(223,58%,53%)
rgb(65,105,205)
cmyk(68,49,0,20)
hsl(225,77%,58%)
rgb(65,105,230)
cmyk(72,54,0,10)
hsl(227,100%,63%)
rgb(65,105,255)
cmyk(75,59,0,0)

RoyalBlue Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(266,66%,65%)
rgb(157,105,224)
cmyk(30,53,0,12)
hsl(255,66%,65%)
rgb(135,105,224)
cmyk(40,53,0,12)
hsl(243,66%,65%)
rgb(112,105,224)
cmyk(50,53,0,12)
hsl(233,69%,62%)
rgb(90,105,224)
cmyk(60,53,0,12)
hsl(225,72%,57%)
rgb(67,105,224)
cmyk(70,53,0,12)
hsl(220,75%,53%)
rgb(45,105,224)
cmyk(80,53,0,12)
hsl(215,82%,48%)
rgb(22,105,224)
cmyk(90,53,0,12)
hsl(212,100%,44%)
rgb(0,105,224)
cmyk(100,53,0,12)

Color shades in Magenta range

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

hsl(191,72%,57%)
rgb(65,195,224)
cmyk(71,13,0,12)
hsl(199,72%,57%)
rgb(65,173,224)
cmyk(71,23,0,12)
hsl(208,72%,57%)
rgb(65,150,224)
cmyk(71,33,0,12)
hsl(216,72%,57%)
rgb(65,128,224)
cmyk(71,43,0,12)
hsl(225,72%,57%)
rgb(65,105,224)
cmyk(71,53,0,12)
hsl(233,72%,57%)
rgb(65,83,224)
cmyk(71,63,0,12)
hsl(242,73%,56%)
rgb(65,61,224)
cmyk(71,73,0,12)
hsl(249,75%,51%)
rgb(65,38,224)
cmyk(71,83,0,12)

Color shades in Yellow range

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

hsl(225,72%,57%)
rgb(65,105,224)
cmyk(71,53,0,12)
hsl(222,56%,52%)
rgb(65,105,202)
cmyk(68,48,0,21)
hsl(219,47%,48%)
rgb(65,105,180)
cmyk(64,41,0,30)
hsl(214,41%,44%)
rgb(65,105,157)
cmyk(59,33,0,38)
hsl(205,35%,39%)
rgb(65,105,135)
cmyk(52,22,0,47)
hsl(189,27%,35%)
rgb(65,105,112)
cmyk(42,6,0,56)
hsl(157,24%,33%)
rgb(65,105,90)
cmyk(38,0,15,59)
hsl(123,24%,33%)
rgb(65,105,67)
cmyk(38,0,36,59)

Color shades in Black range

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

hsl(225,100%,65%)
rgb(74,120,255)
cmyk(71,53,0,0)
hsl(225,76%,58%)
rgb(67,108,230)
cmyk(71,53,0,10)
hsl(225,59%,52%)
rgb(59,96,204)
cmyk(71,53,0,20)
hsl(225,55%,45%)
rgb(52,84,179)
cmyk(71,53,0,30)
hsl(225,55%,39%)
rgb(44,72,153)
cmyk(71,53,0,40)
hsl(225,55%,32%)
rgb(37,60,128)
cmyk(71,53,0,50)
hsl(225,55%,26%)
rgb(30,48,102)
cmyk(71,53,0,60)
hsl(225,55%,19%)
rgb(22,36,77)
cmyk(71,53,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(65,105,225) usage in CSS

.bg-rgb-color { background-color: rgb(65,105,225); }
.text-rgb-color { color: rgb(65,105,225); }
.border-rgb-color { border: 1px solid rgb(65,105,225); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(65,105,225); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(65,105,225); }


Color #4169E1 usage in CSS

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


Color hsl(225,73%,57%) usage in CSS

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