HEX #B4C7E4 color — Periwinkle Gray
The color #b4c7e4 is a light shade and slightly desaturated.
Palette
b4c7e4 color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f8 |
rgb(236,241,248) |
hsl(216,47%,95%) |
#dae3f1 |
rgb(218,227,241) |
hsl(216,47%,90%) |
#c7d5eb |
rgb(199,213,235) |
hsl(216,47%,85%) |
#b4c7e4 |
rgb(180,199,228) |
hsl(216,47%,80%) |
#a1b9dd |
rgb(161,185,221) |
hsl(216,47%,75%) |
#8fabd6 |
rgb(143,171,214) |
hsl(216,47%,70%) |
#7c9dd0 |
rgb(124,157,208) |
hsl(216,47%,65%) |
#698fc9 |
rgb(105,143,201) |
hsl(216,47%,60%) |
#5681c2 |
rgb(86,129,194) |
hsl(216,47%,55%) |
#4474bb |
rgb(68,116,187) |
hsl(216,47%,50%) |
#3d68a9 |
rgb(61,104,169) |
hsl(216,47%,45%) |
#365c96 |
rgb(54,92,150) |
hsl(216,47%,40%) |
#2f5183 |
rgb(47,81,131) |
hsl(216,47%,35%) |
#294570 |
rgb(41,69,112) |
hsl(216,47%,30%) |
#223a5e |
rgb(34,58,94) |
hsl(216,47%,25%) |
#1b2e4b |
rgb(27,46,75) |
hsl(216,47%,20%) |
#142338 |
rgb(20,35,56) |
hsl(216,47%,15%) |
#0e1725 |
rgb(14,23,37) |
hsl(216,47%,10%) |
#070c13 |
rgb(7,12,19) |
hsl(216,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#B4E3E1 |
rgb(180,227,225) |
hsl(177,46%,80%) |
#B4C7E4 |
rgb(180,199,228) |
hsl(216,47%,80%) |
#C1B5E4 |
rgb(193,181,228) |
hsl(255,47%,80%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E4EBF5 |
rgb(228,235,245) |
hsl(215,46%,93%) |
#B4C7E4 |
rgb(180,199,228) |
hsl(216,47%,80%) |
#84A3D2 |
rgb(132,163,210) |
hsl(216,46%,67%) |
Triad color palettes
HEX |
RGB |
HSL |
#B4C7E4 |
rgb(180,199,228) |
hsl(216,47%,80%) |
#E4BAB4 |
rgb(228,186,180) |
hsl(7,47%,80%) |
#DFE3B4 |
rgb(223,227,180) |
hsl(65,46%,80%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#B4C7E4 |
rgb(180,199,228) |
hsl(216,47%,80%) |
#E4D1B4 |
rgb(228,209,180) |
hsl(36,47%,80%) |
#B4DEE4 |
rgb(180,222,228) |
hsl(188,47%,80%) |
#DFE3B4 |
rgb(223,227,180) |
hsl(65,46%,80%) |