HEX #3A6BE9 color — Royal Blue
The color #3A6BE9 is a dark shade and moderately saturated.
Palette
3A6BE9 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5fd |
rgb(241,245,253) |
hsl(223,80%,97%) |
#dae4fb |
rgb(218,228,251) |
hsl(223,80%,92%) |
#c3d2f8 |
rgb(195,210,248) |
hsl(223,80%,87%) |
#acc1f6 |
rgb(172,193,246) |
hsl(223,80%,82%) |
#95b0f3 |
rgb(149,176,243) |
hsl(223,80%,77%) |
#7e9ff1 |
rgb(126,159,241) |
hsl(223,80%,72%) |
#688eee |
rgb(104,142,238) |
hsl(223,80%,67%) |
#517dec |
rgb(81,125,236) |
hsl(223,80%,62%) |
#3a6be9 |
rgb(58,107,233) |
hsl(223,80%,57%) |
#235ae7 |
rgb(35,90,231) |
hsl(223,80%,52%) |
#184ed8 |
rgb(24,78,216) |
hsl(223,80%,47%) |
#1546c1 |
rgb(21,70,193) |
hsl(223,80%,42%) |
#133eaa |
rgb(19,62,170) |
hsl(223,80%,37%) |
#103593 |
rgb(16,53,147) |
hsl(223,80%,32%) |
#0e2d7c |
rgb(14,45,124) |
hsl(223,80%,27%) |
#0b2565 |
rgb(11,37,101) |
hsl(223,80%,22%) |
#091c4e |
rgb(9,28,78) |
hsl(223,80%,17%) |
#061437 |
rgb(6,20,55) |
hsl(223,80%,12%) |
#040c20 |
rgb(4,12,32) |
hsl(223,80%,7%) |
#010309 |
rgb(1,3,9) |
hsl(223,80%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE0E9 |
rgb(58,224,233) |
hsl(183,80%,57%) |
#3A6BE9 |
rgb(58,107,233) |
hsl(223,80%,57%) |
#7D3BE9 |
rgb(125,59,233) |
hsl(263,80%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DABF2 |
rgb(141,171,242) |
hsl(222,80%,75%) |
#638AED |
rgb(99,138,237) |
hsl(223,79%,66%) |
#3A6BE9 |
rgb(58,107,233) |
hsl(223,80%,57%) |
#184FDB |
rgb(24,79,219) |
hsl(223,80%,48%) |
#1340B2 |
rgb(19,64,178) |
hsl(223,81%,39%) |
#0F3088 |
rgb(15,48,136) |
hsl(224,80%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A6BE9 |
rgb(58,107,233) |
hsl(223,80%,57%) |
#E9613A |
rgb(233,97,58) |
hsl(13,80%,57%) |
#C2E83A |
rgb(194,232,58) |
hsl(73,79%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A6BE9 |
rgb(58,107,233) |
hsl(223,80%,57%) |
#E9B83A |
rgb(233,184,58) |
hsl(43,80%,57%) |
#3AC2E9 |
rgb(58,194,233) |
hsl(193,80%,57%) |
#C2E83A |
rgb(194,232,58) |
hsl(73,79%,57%) |