HEX #3A80F0 color — Royal Blue

The color #3A80F0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3A80F0 color palette from light to dark

HEX RGB HSL
#f6f9fe rgb(246,249,254) hsl(217,86%,98%)
#deeafd rgb(222,234,253) hsl(217,86%,93%)
#c6dafb rgb(198,218,251) hsl(217,86%,88%)
#aecbf9 rgb(174,203,249) hsl(217,86%,83%)
#97bcf7 rgb(151,188,247) hsl(217,86%,78%)
#7facf5 rgb(127,172,245) hsl(217,86%,73%)
#679df4 rgb(103,157,244) hsl(217,86%,68%)
#508ef2 rgb(80,142,242) hsl(217,86%,63%)
#387ef0 rgb(56,126,240) hsl(217,86%,58%)
#206fee rgb(32,111,238) hsl(217,86%,53%)
#1162e4 rgb(17,98,228) hsl(217,86%,48%)
#0f58cc rgb(15,88,204) hsl(217,86%,43%)
#0e4db4 rgb(14,77,180) hsl(217,86%,38%)
#0c439d rgb(12,67,157) hsl(217,86%,33%)
#0a3985 rgb(10,57,133) hsl(217,86%,28%)
#082f6d rgb(8,47,109) hsl(217,86%,23%)
#062555 rgb(6,37,85) hsl(217,86%,18%)
#051a3e rgb(5,26,62) hsl(217,86%,13%)
#031026 rgb(3,16,38) hsl(217,86%,8%)
#01060e rgb(1,6,14) hsl(217,86%,3%)

Adjacent colors

HEX RGB HSL
#3AF0E6 rgb(58,240,230) hsl(177,86%,58%)
#3A80F0 rgb(58,128,240) hsl(217,86%,58%)
#6D3BF0 rgb(109,59,240) hsl(257,86%,59%)

Monochromatic colors

HEX RGB HSL
#92BAF6 rgb(146,186,246) hsl(216,85%,77%)
#669CF3 rgb(102,156,243) hsl(217,85%,68%)
#3A80F0 rgb(58,128,240) hsl(217,86%,58%)
#1163E8 rgb(17,99,232) hsl(217,86%,49%)
#0E52BC rgb(14,82,188) hsl(217,86%,40%)
#0A3D8F rgb(10,61,143) hsl(217,87%,30%)

Triad color palettes

HEX RGB HSL
#3A80F0 rgb(58,128,240) hsl(217,86%,58%)
#F04F3A rgb(240,79,58) hsl(7,86%,58%)
#DBF03A rgb(219,240,58) hsl(67,86%,58%)

Tetrad color palettes

HEX RGB HSL
#3A80F0 rgb(58,128,240) hsl(217,86%,58%)
#F0AB3A rgb(240,171,58) hsl(37,86%,58%)
#3ADBF0 rgb(58,219,240) hsl(187,86%,58%)
#DBF03A rgb(219,240,58) hsl(67,86%,58%)