HEX #3C80F0 color — Royal Blue
The color #3C80F0 is a dark shade and moderately saturated.
Palette
3C80F0 color palette from light to dark
HEX |
RGB |
HSL |
#fafcff |
rgb(250,252,255) |
hsl(217,86%,99%) |
#e3edfd |
rgb(227,237,253) |
hsl(217,86%,94%) |
#cbddfb |
rgb(203,221,251) |
hsl(217,86%,89%) |
#b3cef9 |
rgb(179,206,249) |
hsl(217,86%,84%) |
#9bbff8 |
rgb(155,191,248) |
hsl(217,86%,79%) |
#84aff6 |
rgb(132,175,246) |
hsl(217,86%,74%) |
#6ca0f4 |
rgb(108,160,244) |
hsl(217,86%,69%) |
#5491f2 |
rgb(84,145,242) |
hsl(217,86%,64%) |
#3d81f0 |
rgb(61,129,240) |
hsl(217,86%,59%) |
#2572ef |
rgb(37,114,239) |
hsl(217,86%,54%) |
#1164e8 |
rgb(17,100,232) |
hsl(217,86%,49%) |
#105ad1 |
rgb(16,90,209) |
hsl(217,86%,44%) |
#0e4fb9 |
rgb(14,79,185) |
hsl(217,86%,39%) |
#0c45a1 |
rgb(12,69,161) |
hsl(217,86%,34%) |
#0a3b8a |
rgb(10,59,138) |
hsl(217,86%,29%) |
#093172 |
rgb(9,49,114) |
hsl(217,86%,24%) |
#07275a |
rgb(7,39,90) |
hsl(217,86%,19%) |
#051d42 |
rgb(5,29,66) |
hsl(217,86%,14%) |
#03122b |
rgb(3,18,43) |
hsl(217,86%,9%) |
#010813 |
rgb(1,8,19) |
hsl(217,86%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3CF0E8 |
rgb(60,240,232) |
hsl(177,86%,59%) |
#3C80F0 |
rgb(60,128,240) |
hsl(217,86%,59%) |
#703DF0 |
rgb(112,61,240) |
hsl(257,86%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95BAF6 |
rgb(149,186,246) |
hsl(217,84%,77%) |
#689EF3 |
rgb(104,158,243) |
hsl(217,85%,68%) |
#3C80F0 |
rgb(60,128,240) |
hsl(217,86%,59%) |
#1263EA |
rgb(18,99,234) |
hsl(218,86%,49%) |
#0E52BD |
rgb(14,82,189) |
hsl(217,86%,40%) |
#0B3D90 |
rgb(11,61,144) |
hsl(217,86%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3C80F0 |
rgb(60,128,240) |
hsl(217,86%,59%) |
#F0523C |
rgb(240,82,60) |
hsl(7,86%,59%) |
#DAF03C |
rgb(218,240,60) |
hsl(67,86%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3C80F0 |
rgb(60,128,240) |
hsl(217,86%,59%) |
#F0AB3C |
rgb(240,171,60) |
hsl(37,86%,59%) |
#3CD9F0 |
rgb(60,217,240) |
hsl(188,86%,59%) |
#DAF03C |
rgb(218,240,60) |
hsl(67,86%,59%) |