HEX #457DA0 color — Wedgewood
The color #457DA0 is a dark shade and moderately saturated.
Palette
457DA0 color palette from light to dark
HEX |
RGB |
HSL |
#edf3f7 |
rgb(237,243,247) |
hsl(203,40%,95%) |
#dbe8f0 |
rgb(219,232,240) |
hsl(203,40%,90%) |
#c9dce8 |
rgb(201,220,232) |
hsl(203,40%,85%) |
#b8d1e0 |
rgb(184,209,224) |
hsl(203,40%,80%) |
#a6c5d9 |
rgb(166,197,217) |
hsl(203,40%,75%) |
#94bad1 |
rgb(148,186,209) |
hsl(203,40%,70%) |
#82aec9 |
rgb(130,174,201) |
hsl(203,40%,65%) |
#70a3c2 |
rgb(112,163,194) |
hsl(203,40%,60%) |
#5e97ba |
rgb(94,151,186) |
hsl(203,40%,55%) |
#4d8bb3 |
rgb(77,139,179) |
hsl(203,40%,50%) |
#457da1 |
rgb(69,125,161) |
hsl(203,40%,45%) |
#3d708f |
rgb(61,112,143) |
hsl(203,40%,40%) |
#36627d |
rgb(54,98,125) |
hsl(203,40%,35%) |
#2e546b |
rgb(46,84,107) |
hsl(203,40%,30%) |
#264659 |
rgb(38,70,89) |
hsl(203,40%,25%) |
#1f3847 |
rgb(31,56,71) |
hsl(203,40%,20%) |
#172a36 |
rgb(23,42,54) |
hsl(203,40%,15%) |
#0f1c24 |
rgb(15,28,36) |
hsl(203,40%,10%) |
#080e12 |
rgb(8,14,18) |
hsl(203,40%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#45A186 |
rgb(69,161,134) |
hsl(162,40%,45%) |
#457DA0 |
rgb(69,125,160) |
hsl(203,40%,45%) |
#4945A0 |
rgb(73,69,160) |
hsl(243,40%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6DA1C0 |
rgb(109,161,192) |
hsl(202,40%,59%) |
#548FB5 |
rgb(84,143,181) |
hsl(204,40%,52%) |
#457DA0 |
rgb(69,125,160) |
hsl(203,40%,45%) |
#396986 |
rgb(57,105,134) |
hsl(203,40%,37%) |
#2E546C |
rgb(46,84,108) |
hsl(203,40%,30%) |
#234053 |
rgb(35,64,83) |
hsl(204,41%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#457DA0 |
rgb(69,125,160) |
hsl(203,40%,45%) |
#A0454F |
rgb(160,69,79) |
hsl(353,40%,45%) |
#A09645 |
rgb(160,150,69) |
hsl(53,40%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#457DA0 |
rgb(69,125,160) |
hsl(203,40%,45%) |
#A06945 |
rgb(160,105,69) |
hsl(24,40%,45%) |
#45A195 |
rgb(69,161,149) |
hsl(172,40%,45%) |
#A09645 |
rgb(160,150,69) |
hsl(53,40%,45%) |