rgb(225,232,237) / #E1E8ED

rgb(225,232,237)

hsl(205,25%,91%)

cmyk(5,2,0,7)


Color Shades in HSL model

Color Lightness Range

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

hsl(205,25%,30%)
rgb(57,80,96)
cmyk(40,17,0,63)
hsl(205,25%,40%)
rgb(77,106,128)
cmyk(40,17,0,50)
hsl(205,25%,50%)
rgb(96,133,159)
cmyk(40,17,0,38)
hsl(205,25%,60%)
rgb(128,157,179)
cmyk(29,12,0,30)
hsl(205,25%,70%)
rgb(159,182,198)
cmyk(19,8,0,23)
hsl(205,25%,80%)
rgb(191,206,217)
cmyk(12,5,0,15)
hsl(205,25%,90%)
rgb(223,231,236)
cmyk(5,2,0,8)
hsl(0,0%,100%)
rgb(255,255,255)
cmyk(0,0,0,0)

Color Saturation Range

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

hsl(0,0%,91%)
rgb(232,232,232)
cmyk(0,0,0,9)
hsl(205,10%,91%)
rgb(230,232,234)
cmyk(2,1,0,8)
hsl(205,20%,91%)
rgb(227,233,237)
cmyk(4,2,0,7)
hsl(205,30%,91%)
rgb(225,233,239)
cmyk(6,2,0,6)
hsl(205,40%,91%)
rgb(223,234,241)
cmyk(8,3,0,5)
hsl(205,50%,91%)
rgb(221,234,244)
cmyk(9,4,0,4)
hsl(205,60%,91%)
rgb(218,234,246)
cmyk(11,5,0,4)
hsl(205,70%,91%)
rgb(216,235,248)
cmyk(13,5,0,3)

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(165,25%,91%)
rgb(226,238,235)
cmyk(5,0,1,7)
hsl(175,25%,91%)
rgb(226,238,237)
cmyk(5,0,0,7)
hsl(185,25%,91%)
rgb(226,237,238)
cmyk(5,0,0,7)
hsl(195,25%,91%)
rgb(226,235,238)
cmyk(5,1,0,7)
hsl(205,25%,91%)
rgb(226,233,238)
cmyk(5,2,0,7)
hsl(215,25%,91%)
rgb(226,231,238)
cmyk(5,3,0,7)
hsl(225,25%,91%)
rgb(226,229,238)
cmyk(5,4,0,7)
hsl(235,25%,91%)
rgb(226,227,238)
cmyk(5,4,0,7)

Color Shades in RGB model range

Color shades in Red range

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

hsl(182,81%,62%)
rgb(80,232,237)
cmyk(66,2,0,7)
hsl(182,79%,67%)
rgb(105,232,237)
cmyk(56,2,0,7)
hsl(183,75%,72%)
rgb(130,232,237)
cmyk(45,2,0,7)
hsl(184,69%,77%)
rgb(155,232,237)
cmyk(35,2,0,7)
hsl(185,61%,82%)
rgb(180,232,237)
cmyk(24,2,0,7)
hsl(189,47%,87%)
rgb(205,232,237)
cmyk(14,2,0,7)
hsl(223,16%,92%)
rgb(230,232,237)
cmyk(3,2,0,7)
hsl(347,100%,95%)
rgb(255,232,237)
cmyk(0,9,7,0)

Color shades in Green range

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

hsl(295,81%,62%)
rgb(225,80,237)
cmyk(5,66,0,7)
hsl(295,79%,67%)
rgb(225,105,237)
cmyk(5,56,0,7)
hsl(293,75%,72%)
rgb(225,130,237)
cmyk(5,45,0,7)
hsl(291,69%,77%)
rgb(225,155,237)
cmyk(5,35,0,7)
hsl(287,61%,82%)
rgb(225,180,237)
cmyk(5,24,0,7)
hsl(278,47%,87%)
rgb(225,205,237)
cmyk(5,14,0,7)
hsl(215,25%,91%)
rgb(225,230,237)
cmyk(5,3,0,7)
hsl(144,100%,94%)
rgb(225,255,237)
cmyk(12,0,7,0)

Color shades in Blue range

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

hsl(63,77%,61%)
rgb(225,232,80)
cmyk(3,0,66,9)
hsl(63,73%,66%)
rgb(225,232,105)
cmyk(3,0,55,9)
hsl(64,69%,71%)
rgb(225,232,130)
cmyk(3,0,44,9)
hsl(65,63%,76%)
rgb(225,232,155)
cmyk(3,0,33,9)
hsl(68,53%,81%)
rgb(225,232,180)
cmyk(3,0,22,9)
hsl(76,37%,86%)
rgb(225,232,205)
cmyk(3,0,12,9)
hsl(163,13%,90%)
rgb(225,232,230)
cmyk(3,0,1,9)
hsl(226,100%,94%)
rgb(225,232,255)
cmyk(12,9,0,0)

Color Shades in CMYK model range

Color shades in Cyan range

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

hsl(300,12%,92%)
rgb(237,232,237)
cmyk(0,2,0,7)
hsl(192,40%,88%)
rgb(213,232,237)
cmyk(10,2,0,7)
hsl(186,57%,84%)
rgb(190,232,237)
cmyk(20,2,0,7)
hsl(184,67%,79%)
rgb(166,232,237)
cmyk(30,2,0,7)
hsl(183,73%,74%)
rgb(142,232,237)
cmyk(40,2,0,7)
hsl(182,77%,70%)
rgb(119,232,237)
cmyk(50,2,0,7)
hsl(182,80%,65%)
rgb(95,232,237)
cmyk(60,2,0,7)
hsl(182,82%,60%)
rgb(71,232,237)
cmyk(70,2,0,7)

Color shades in Magenta range

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

hsl(180,25%,91%)
rgb(225,237,237)
cmyk(5,0,0,7)
hsl(270,40%,88%)
rgb(225,213,237)
cmyk(5,10,0,7)
hsl(285,57%,84%)
rgb(225,190,237)
cmyk(5,20,0,7)
hsl(290,67%,79%)
rgb(225,166,237)
cmyk(5,30,0,7)
hsl(293,73%,74%)
rgb(225,142,237)
cmyk(5,40,0,7)
hsl(294,77%,70%)
rgb(225,119,237)
cmyk(5,50,0,7)
hsl(295,80%,65%)
rgb(225,95,237)
cmyk(5,60,0,7)
hsl(296,82%,60%)
rgb(225,71,237)
cmyk(5,70,0,7)

Color shades in Yellow range

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

hsl(204,25%,91%)
rgb(225,232,237)
cmyk(5,2,0,7)
hsl(83,30%,87%)
rgb(225,232,213)
cmyk(3,0,8,9)
hsl(70,49%,83%)
rgb(225,232,190)
cmyk(3,0,18,9)
hsl(66,60%,78%)
rgb(225,232,166)
cmyk(3,0,29,9)
hsl(65,67%,73%)
rgb(225,232,142)
cmyk(3,0,39,9)
hsl(64,72%,69%)
rgb(225,232,119)
cmyk(3,0,49,9)
hsl(63,75%,64%)
rgb(225,232,95)
cmyk(3,0,59,9)
hsl(63,78%,60%)
rgb(225,232,71)
cmyk(3,0,69,9)

Color shades in Black range

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

hsl(204,100%,98%)
rgb(242,250,255)
cmyk(5,2,0,0)
hsl(204,18%,88%)
rgb(218,225,230)
cmyk(5,2,0,10)
hsl(204,9%,78%)
rgb(194,200,204)
cmyk(5,2,0,20)
hsl(204,6%,68%)
rgb(170,175,179)
cmyk(5,2,0,30)
hsl(204,4%,59%)
rgb(145,150,153)
cmyk(5,2,0,40)
hsl(204,3%,49%)
rgb(121,125,128)
cmyk(5,2,0,50)
hsl(204,3%,39%)
rgb(97,100,102)
cmyk(5,2,0,60)
hsl(204,3%,29%)
rgb(73,75,77)
cmyk(5,2,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(225,232,237) usage in CSS

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


Color #E1E8ED usage in CSS

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


Color hsl(205,25%,91%) usage in CSS

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