HEX #486BF4 color — Royal Blue
The color #486BF4 is a dark shade and moderately saturated.
Palette
486BF4 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(228,89%,97%) |
#d8e0fd |
rgb(216,224,253) |
hsl(228,89%,92%) |
#c0ccfb |
rgb(192,204,251) |
hsl(228,89%,87%) |
#a8b9fa |
rgb(168,185,250) |
hsl(228,89%,82%) |
#90a5f9 |
rgb(144,165,249) |
hsl(228,89%,77%) |
#7891f7 |
rgb(120,145,247) |
hsl(228,89%,72%) |
#607ef6 |
rgb(96,126,246) |
hsl(228,89%,67%) |
#486af4 |
rgb(72,106,244) |
hsl(228,89%,62%) |
#3057f3 |
rgb(48,87,243) |
hsl(228,89%,57%) |
#1843f2 |
rgb(24,67,242) |
hsl(228,89%,52%) |
#0d38e3 |
rgb(13,56,227) |
hsl(228,89%,47%) |
#0c32ca |
rgb(12,50,202) |
hsl(228,89%,42%) |
#0a2cb2 |
rgb(10,44,178) |
hsl(228,89%,37%) |
#09269a |
rgb(9,38,154) |
hsl(228,89%,32%) |
#082082 |
rgb(8,32,130) |
hsl(228,89%,27%) |
#061a6a |
rgb(6,26,106) |
hsl(228,89%,22%) |
#051452 |
rgb(5,20,82) |
hsl(228,89%,17%) |
#030e3a |
rgb(3,14,58) |
hsl(228,89%,12%) |
#020822 |
rgb(2,8,34) |
hsl(228,89%,7%) |
#01020a |
rgb(1,2,10) |
hsl(228,89%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#48DEF4 |
rgb(72,222,244) |
hsl(188,89%,62%) |
#486BF4 |
rgb(72,107,244) |
hsl(228,89%,62%) |
#9747F4 |
rgb(151,71,244) |
hsl(268,89%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D7DEFC |
rgb(215,222,252) |
hsl(229,86%,92%) |
#A7B8F9 |
rgb(167,184,249) |
hsl(228,87%,82%) |
#7791F6 |
rgb(119,145,246) |
hsl(228,88%,72%) |
#486BF4 |
rgb(72,107,244) |
hsl(228,89%,62%) |
#1845F1 |
rgb(24,69,241) |
hsl(228,89%,52%) |
#0C33CA |
rgb(12,51,202) |
hsl(228,89%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#486BF4 |
rgb(72,107,244) |
hsl(228,89%,62%) |
#F47A48 |
rgb(244,122,72) |
hsl(17,89%,62%) |
#C1F548 |
rgb(193,245,72) |
hsl(78,90%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#486BF4 |
rgb(72,107,244) |
hsl(228,89%,62%) |
#F4D148 |
rgb(244,209,72) |
hsl(48,89%,62%) |
#48C2F4 |
rgb(72,194,244) |
hsl(197,89%,62%) |
#C1F548 |
rgb(193,245,72) |
hsl(78,90%,62%) |