HEX #3B80E6 color — Royal Blue
The color #3B80E6 is a dark shade and moderately saturated.
Palette
3B80E6 color palette from light to dark
HEX |
RGB |
HSL |
#f1f6fd |
rgb(241,246,253) |
hsl(216,77%,97%) |
#dbe7fa |
rgb(219,231,250) |
hsl(216,77%,92%) |
#c4d9f7 |
rgb(196,217,247) |
hsl(216,77%,87%) |
#aecaf4 |
rgb(174,202,244) |
hsl(216,77%,82%) |
#97bbf2 |
rgb(151,187,242) |
hsl(216,77%,77%) |
#81adef |
rgb(129,173,239) |
hsl(216,77%,72%) |
#6a9eec |
rgb(106,158,236) |
hsl(216,77%,67%) |
#538fe9 |
rgb(83,143,233) |
hsl(216,77%,62%) |
#3d80e6 |
rgb(61,128,230) |
hsl(216,77%,57%) |
#2672e3 |
rgb(38,114,227) |
hsl(216,77%,52%) |
#1c65d4 |
rgb(28,101,212) |
hsl(216,77%,47%) |
#195bbe |
rgb(25,91,190) |
hsl(216,77%,42%) |
#1650a7 |
rgb(22,80,167) |
hsl(216,77%,37%) |
#134590 |
rgb(19,69,144) |
hsl(216,77%,32%) |
#103a7a |
rgb(16,58,122) |
hsl(216,77%,27%) |
#0d2f63 |
rgb(13,47,99) |
hsl(216,77%,22%) |
#0a254d |
rgb(10,37,77) |
hsl(216,77%,17%) |
#071a36 |
rgb(7,26,54) |
hsl(216,77%,12%) |
#040f20 |
rgb(4,15,32) |
hsl(216,77%,7%) |
#010409 |
rgb(1,4,9) |
hsl(216,77%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BE6DA |
rgb(59,230,218) |
hsl(176,77%,57%) |
#3B80E6 |
rgb(59,128,230) |
hsl(216,77%,57%) |
#683BE6 |
rgb(104,59,230) |
hsl(256,77%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DB5F0 |
rgb(141,181,240) |
hsl(216,77%,75%) |
#649CEB |
rgb(100,156,235) |
hsl(215,77%,66%) |
#3B80E6 |
rgb(59,128,230) |
hsl(216,77%,57%) |
#1B66D7 |
rgb(27,102,215) |
hsl(216,78%,47%) |
#1654AE |
rgb(22,84,174) |
hsl(216,78%,38%) |
#114085 |
rgb(17,64,133) |
hsl(216,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B80E6 |
rgb(59,128,230) |
hsl(216,77%,57%) |
#E64D3B |
rgb(230,77,59) |
hsl(6,77%,57%) |
#D5E63B |
rgb(213,230,59) |
hsl(66,77%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B80E6 |
rgb(59,128,230) |
hsl(216,77%,57%) |
#E6A13B |
rgb(230,161,59) |
hsl(36,77%,57%) |
#3BD6E6 |
rgb(59,214,230) |
hsl(186,77%,57%) |
#D5E63B |
rgb(213,230,59) |
hsl(66,77%,57%) |