HEX #684AF2 color — Royal Blue
The color #684AF2 is a dark shade and moderately saturated.
Palette
684AF2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f1fe |
rgb(243,241,254) |
hsl(251,87%,97%) |
#dfd9fc |
rgb(223,217,252) |
hsl(251,87%,92%) |
#ccc1fb |
rgb(204,193,251) |
hsl(251,87%,87%) |
#b8a9f9 |
rgb(184,169,249) |
hsl(251,87%,82%) |
#a491f7 |
rgb(164,145,247) |
hsl(251,87%,77%) |
#9079f6 |
rgb(144,121,246) |
hsl(251,87%,72%) |
#7c62f4 |
rgb(124,98,244) |
hsl(251,87%,67%) |
#694af2 |
rgb(105,74,242) |
hsl(251,87%,62%) |
#5532f1 |
rgb(85,50,241) |
hsl(251,87%,57%) |
#411aef |
rgb(65,26,239) |
hsl(251,87%,52%) |
#3610e0 |
rgb(54,16,224) |
hsl(251,87%,47%) |
#300ec8 |
rgb(48,14,200) |
hsl(251,87%,42%) |
#2a0cb0 |
rgb(42,12,176) |
hsl(251,87%,37%) |
#250b99 |
rgb(37,11,153) |
hsl(251,87%,32%) |
#1f0981 |
rgb(31,9,129) |
hsl(251,87%,27%) |
#190769 |
rgb(25,7,105) |
hsl(251,87%,22%) |
#130651 |
rgb(19,6,81) |
hsl(251,87%,17%) |
#0e0439 |
rgb(14,4,57) |
hsl(251,87%,12%) |
#080221 |
rgb(8,2,33) |
hsl(251,87%,7%) |
#02010a |
rgb(2,1,10) |
hsl(251,87%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#4A9CF2 |
rgb(74,156,242) |
hsl(211,87%,62%) |
#684AF2 |
rgb(104,74,242) |
hsl(251,87%,62%) |
#D84AF2 |
rgb(216,74,242) |
hsl(291,87%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DED9FC |
rgb(222,217,252) |
hsl(249,85%,92%) |
#B6A8F8 |
rgb(182,168,248) |
hsl(251,85%,82%) |
#8F7AF5 |
rgb(143,122,245) |
hsl(250,86%,72%) |
#684AF2 |
rgb(104,74,242) |
hsl(251,87%,62%) |
#401CEE |
rgb(64,28,238) |
hsl(250,86%,52%) |
#2F0FC8 |
rgb(47,15,200) |
hsl(250,86%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#684AF2 |
rgb(104,74,242) |
hsl(251,87%,62%) |
#F2BD4A |
rgb(242,189,74) |
hsl(41,87%,62%) |
#80F24A |
rgb(128,242,74) |
hsl(101,87%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#684AF2 |
rgb(104,74,242) |
hsl(251,87%,62%) |
#D4F24A |
rgb(212,242,74) |
hsl(71,87%,62%) |
#4A80F2 |
rgb(74,128,242) |
hsl(221,87%,62%) |
#80F24A |
rgb(128,242,74) |
hsl(101,87%,62%) |