rgb(64,153,191) / #4099BF

rgb(64,153,191)

hsl(198,50%,50%)

cmyk(66,20,0,25)


Color Shades in HSL model

Color Lightness Range

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

hsl(198,50%,10%)
rgb(13,31,38)
cmyk(67,20,0,85)
hsl(198,50%,20%)
rgb(25,61,77)
cmyk(67,20,0,70)
hsl(198,50%,30%)
rgb(38,92,115)
cmyk(67,20,0,55)
hsl(198,50%,40%)
rgb(51,122,153)
cmyk(67,20,0,40)
hsl(198,50%,50%)
rgb(64,153,191)
cmyk(67,20,0,25)
hsl(198,50%,60%)
rgb(102,173,204)
cmyk(50,15,0,20)
hsl(198,50%,70%)
rgb(140,194,217)
cmyk(35,11,0,15)
hsl(198,50%,80%)
rgb(179,214,230)
cmyk(22,7,0,10)

Color Saturation Range

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

hsl(198,10%,50%)
rgb(115,133,140)
cmyk(18,5,0,45)
hsl(198,20%,50%)
rgb(102,138,153)
cmyk(33,10,0,40)
hsl(198,30%,50%)
rgb(89,143,166)
cmyk(46,14,0,35)
hsl(198,40%,50%)
rgb(77,148,179)
cmyk(57,17,0,30)
hsl(198,50%,50%)
rgb(64,153,191)
cmyk(67,20,0,25)
hsl(198,60%,50%)
rgb(51,158,204)
cmyk(75,23,0,20)
hsl(198,70%,50%)
rgb(38,163,217)
cmyk(82,25,0,15)
hsl(198,80%,50%)
rgb(25,168,230)
cmyk(89,27,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(158,50%,50%)
rgb(64,191,145)
cmyk(67,0,24,25)
hsl(168,50%,50%)
rgb(64,191,166)
cmyk(67,0,13,25)
hsl(178,50%,50%)
rgb(64,191,187)
cmyk(67,0,2,25)
hsl(188,50%,50%)
rgb(64,174,191)
cmyk(67,9,0,25)
hsl(198,50%,50%)
rgb(64,153,191)
cmyk(67,20,0,25)
hsl(208,50%,50%)
rgb(64,132,191)
cmyk(67,31,0,25)
hsl(218,50%,50%)
rgb(64,111,191)
cmyk(67,42,0,25)
hsl(228,50%,50%)
rgb(64,89,191)
cmyk(67,53,0,25)

Color Shades in RGB model range

Color shades in Red range

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

hsl(192,100%,37%)
rgb(0,153,191)
cmyk(100,20,0,25)
hsl(194,77%,42%)
rgb(25,153,191)
cmyk(87,20,0,25)
hsl(196,59%,47%)
rgb(50,153,191)
cmyk(74,20,0,25)
hsl(200,48%,52%)
rgb(75,153,191)
cmyk(61,20,0,25)
hsl(205,42%,57%)
rgb(100,153,191)
cmyk(48,20,0,25)
hsl(215,34%,62%)
rgb(125,153,191)
cmyk(35,20,0,25)
hsl(236,24%,67%)
rgb(150,153,191)
cmyk(21,20,0,25)
hsl(275,23%,67%)
rgb(175,153,191)
cmyk(8,20,0,25)

Color shades in Green range

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

hsl(245,57%,48%)
rgb(64,53,191)
cmyk(66,72,0,25)
hsl(233,50%,50%)
rgb(64,78,191)
cmyk(66,59,0,25)
hsl(222,50%,50%)
rgb(64,103,191)
cmyk(66,46,0,25)
hsl(210,50%,50%)
rgb(64,128,191)
cmyk(66,33,0,25)
hsl(198,50%,50%)
rgb(64,153,191)
cmyk(66,20,0,25)
hsl(186,50%,50%)
rgb(64,178,191)
cmyk(66,7,0,25)
hsl(175,57%,52%)
rgb(64,203,191)
cmyk(68,0,6,20)
hsl(166,75%,57%)
rgb(64,228,191)
cmyk(72,0,16,11)

Color shades in Blue range

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

hsl(131,41%,43%)
rgb(64,153,80)
cmyk(58,0,48,40)
hsl(148,41%,43%)
rgb(64,153,105)
cmyk(58,0,31,40)
hsl(164,41%,43%)
rgb(64,153,130)
cmyk(58,0,15,40)
hsl(181,42%,43%)
rgb(64,153,155)
cmyk(59,1,0,39)
hsl(194,48%,48%)
rgb(64,153,180)
cmyk(64,15,0,29)
hsl(202,59%,53%)
rgb(64,153,205)
cmyk(69,25,0,20)
hsl(208,77%,58%)
rgb(64,153,230)
cmyk(72,33,0,10)
hsl(212,100%,63%)
rgb(64,153,255)
cmyk(75,40,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(226,28%,65%)
rgb(142,153,191)
cmyk(26,20,0,25)
hsl(213,35%,62%)
rgb(122,153,191)
cmyk(36,20,0,25)
hsl(206,41%,58%)
rgb(103,153,191)
cmyk(46,20,0,25)
hsl(201,46%,54%)
rgb(84,153,191)
cmyk(56,20,0,25)
hsl(198,50%,50%)
rgb(65,153,191)
cmyk(66,20,0,25)
hsl(196,61%,47%)
rgb(46,153,191)
cmyk(76,20,0,25)
hsl(194,75%,43%)
rgb(27,153,191)
cmyk(86,20,0,25)
hsl(193,92%,39%)
rgb(8,153,191)
cmyk(96,20,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(198,50%,50%)
rgb(65,153,191)
cmyk(66,20,0,25)
hsl(191,45%,47%)
rgb(65,153,172)
cmyk(62,11,0,32)
hsl(180,40%,43%)
rgb(65,153,153)
cmyk(57,0,0,40)
hsl(167,40%,43%)
rgb(65,153,134)
cmyk(57,0,12,40)
hsl(154,40%,43%)
rgb(65,153,115)
cmyk(57,0,25,40)
hsl(141,40%,43%)
rgb(65,153,96)
cmyk(57,0,38,40)
hsl(128,40%,43%)
rgb(65,153,77)
cmyk(57,0,50,40)
hsl(115,45%,41%)
rgb(65,153,57)
cmyk(57,0,62,40)

Color shades in Black range

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

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

Color HTML/CSS(CSS3) Example

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

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


Color #4099BF usage in CSS

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


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

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