HEX #3A7DD8 color — Royal Blue
The color #3A7DD8 is a dark shade and moderately saturated.
Palette
3A7DD8 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,67%,99%) |
#e5eefa |
rgb(229,238,250) |
hsl(215,67%,94%) |
#d0e0f6 |
rgb(208,224,246) |
hsl(215,67%,89%) |
#bbd2f2 |
rgb(187,210,242) |
hsl(215,67%,84%) |
#a6c3ed |
rgb(166,195,237) |
hsl(215,67%,79%) |
#90b5e9 |
rgb(144,181,233) |
hsl(215,67%,74%) |
#7ba7e5 |
rgb(123,167,229) |
hsl(215,67%,69%) |
#6699e1 |
rgb(102,153,225) |
hsl(215,67%,64%) |
#508bdc |
rgb(80,139,220) |
hsl(215,67%,59%) |
#3b7dd8 |
rgb(59,125,216) |
hsl(215,67%,54%) |
#296fd1 |
rgb(41,111,209) |
hsl(215,67%,49%) |
#2564bb |
rgb(37,100,187) |
hsl(215,67%,44%) |
#2158a6 |
rgb(33,88,166) |
hsl(215,67%,39%) |
#1d4d91 |
rgb(29,77,145) |
hsl(215,67%,34%) |
#18427b |
rgb(24,66,123) |
hsl(215,67%,29%) |
#143666 |
rgb(20,54,102) |
hsl(215,67%,24%) |
#102b51 |
rgb(16,43,81) |
hsl(215,67%,19%) |
#0c203c |
rgb(12,32,60) |
hsl(215,67%,14%) |
#081426 |
rgb(8,20,38) |
hsl(215,67%,9%) |
#030911 |
rgb(3,9,17) |
hsl(215,67%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AD9C9 |
rgb(58,217,201) |
hsl(174,68%,54%) |
#3A7DD8 |
rgb(58,125,216) |
hsl(215,67%,54%) |
#603BD8 |
rgb(96,59,216) |
hsl(254,67%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83ADE6 |
rgb(131,173,230) |
hsl(215,66%,71%) |
#5E94DF |
rgb(94,148,223) |
hsl(215,67%,62%) |
#3A7DD8 |
rgb(58,125,216) |
hsl(215,67%,54%) |
#2669C0 |
rgb(38,105,192) |
hsl(214,67%,45%) |
#1E549B |
rgb(30,84,155) |
hsl(214,68%,36%) |
#174076 |
rgb(23,64,118) |
hsl(214,67%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A7DD8 |
rgb(58,125,216) |
hsl(215,67%,54%) |
#D8453A |
rgb(216,69,58) |
hsl(4,67%,54%) |
#CCD93A |
rgb(204,217,58) |
hsl(65,68%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A7DD8 |
rgb(58,125,216) |
hsl(215,67%,54%) |
#D8943A |
rgb(216,148,58) |
hsl(34,67%,54%) |
#3ACCD8 |
rgb(58,204,216) |
hsl(185,67%,54%) |
#CCD93A |
rgb(204,217,58) |
hsl(65,68%,54%) |