HEX #3B8AE7 color — Royal Blue
The color #3B8AE7 is a light shade and moderately saturated.
Palette
3B8AE7 color palette from light to dark
HEX |
RGB |
HSL |
#f1f7fd |
rgb(241,247,253) |
hsl(212,78%,97%) |
#dbeafb |
rgb(219,234,251) |
hsl(212,78%,92%) |
#c4dcf8 |
rgb(196,220,248) |
hsl(212,78%,87%) |
#adcff5 |
rgb(173,207,245) |
hsl(212,78%,82%) |
#97c1f2 |
rgb(151,193,242) |
hsl(212,78%,77%) |
#80b4ef |
rgb(128,180,239) |
hsl(212,78%,72%) |
#69a6ec |
rgb(105,166,236) |
hsl(212,78%,67%) |
#5399ea |
rgb(83,153,234) |
hsl(212,78%,62%) |
#3c8ce7 |
rgb(60,140,231) |
hsl(212,78%,57%) |
#257ee4 |
rgb(37,126,228) |
hsl(212,78%,52%) |
#1a72d5 |
rgb(26,114,213) |
hsl(212,78%,47%) |
#1866bf |
rgb(24,102,191) |
hsl(212,78%,42%) |
#1559a8 |
rgb(21,89,168) |
hsl(212,78%,37%) |
#124d91 |
rgb(18,77,145) |
hsl(212,78%,32%) |
#0f417b |
rgb(15,65,123) |
hsl(212,78%,27%) |
#0c3564 |
rgb(12,53,100) |
hsl(212,78%,22%) |
#0a294d |
rgb(10,41,77) |
hsl(212,78%,17%) |
#071d36 |
rgb(7,29,54) |
hsl(212,78%,12%) |
#041120 |
rgb(4,17,32) |
hsl(212,78%,7%) |
#010509 |
rgb(1,5,9) |
hsl(212,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BE8D1 |
rgb(59,232,209) |
hsl(172,79%,57%) |
#3B8AE7 |
rgb(59,138,231) |
hsl(212,78%,57%) |
#5E3BE7 |
rgb(94,59,231) |
hsl(252,78%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DBAF1 |
rgb(141,186,241) |
hsl(213,78%,75%) |
#64A3EC |
rgb(100,163,236) |
hsl(212,78%,66%) |
#3B8AE7 |
rgb(59,138,231) |
hsl(212,78%,57%) |
#1A73D9 |
rgb(26,115,217) |
hsl(212,79%,48%) |
#155CAF |
rgb(21,92,175) |
hsl(212,79%,38%) |
#104786 |
rgb(16,71,134) |
hsl(212,79%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B8AE7 |
rgb(59,138,231) |
hsl(212,78%,57%) |
#E7423B |
rgb(231,66,59) |
hsl(2,78%,57%) |
#E0E83B |
rgb(224,232,59) |
hsl(63,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B8AE7 |
rgb(59,138,231) |
hsl(212,78%,57%) |
#E7993B |
rgb(231,153,59) |
hsl(33,78%,57%) |
#3BE0E7 |
rgb(59,224,231) |
hsl(182,78%,57%) |
#E0E83B |
rgb(224,232,59) |
hsl(63,79%,57%) |