HEX #455E7B color — Blue Bayoux
The color #455E7B is a dark shade and slightly desaturated.
Palette
455E7B color palette from light to dark
HEX |
RGB |
HSL |
#f8fafb |
rgb(248,250,251) |
hsl(212,28%,98%) |
#e8edf2 |
rgb(232,237,242) |
hsl(212,28%,93%) |
#d8e0e9 |
rgb(216,224,233) |
hsl(212,28%,88%) |
#c8d3e0 |
rgb(200,211,224) |
hsl(212,28%,83%) |
#b7c6d7 |
rgb(183,198,215) |
hsl(212,28%,78%) |
#a7b9cd |
rgb(167,185,205) |
hsl(212,28%,73%) |
#97acc4 |
rgb(151,172,196) |
hsl(212,28%,68%) |
#869fbb |
rgb(134,159,187) |
hsl(212,28%,63%) |
#7692b2 |
rgb(118,146,178) |
hsl(212,28%,58%) |
#6685a9 |
rgb(102,133,169) |
hsl(212,28%,53%) |
#58789d |
rgb(88,120,157) |
hsl(212,28%,48%) |
#4f6c8c |
rgb(79,108,140) |
hsl(212,28%,43%) |
#465f7c |
rgb(70,95,124) |
hsl(212,28%,38%) |
#3d536c |
rgb(61,83,108) |
hsl(212,28%,33%) |
#33465b |
rgb(51,70,91) |
hsl(212,28%,28%) |
#2a3a4b |
rgb(42,58,75) |
hsl(212,28%,23%) |
#212d3b |
rgb(33,45,59) |
hsl(212,28%,18%) |
#18212a |
rgb(24,33,42) |
hsl(212,28%,13%) |
#0f141a |
rgb(15,20,26) |
hsl(212,28%,8%) |
#06080a |
rgb(6,8,10) |
hsl(212,28%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#457A74 |
rgb(69,122,116) |
hsl(173,28%,37%) |
#455E7B |
rgb(69,94,123) |
hsl(212,28%,38%) |
#50457B |
rgb(80,69,123) |
hsl(252,28%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#506E8E |
rgb(80,110,142) |
hsl(211,28%,44%) |
#455E7B |
rgb(69,94,123) |
hsl(212,28%,38%) |
#394F67 |
rgb(57,79,103) |
hsl(211,29%,31%) |
#2E4053 |
rgb(46,64,83) |
hsl(211,29%,25%) |
#23303F |
rgb(35,48,63) |
hsl(212,29%,19%) |
#18212C |
rgb(24,33,44) |
hsl(213,29%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#455E7B |
rgb(69,94,123) |
hsl(212,28%,38%) |
#7B4745 |
rgb(123,71,69) |
hsl(2,28%,38%) |
#797A45 |
rgb(121,122,69) |
hsl(61,28%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#455E7B |
rgb(69,94,123) |
hsl(212,28%,38%) |
#7B6145 |
rgb(123,97,69) |
hsl(31,28%,38%) |
#45787B |
rgb(69,120,123) |
hsl(183,28%,38%) |
#797A45 |
rgb(121,122,69) |
hsl(61,28%,37%) |