HEX #696EE5 color — Royal Blue
The color #696EE5 is a dark shade and moderately saturated.
Palette
696EE5 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9eafb |
rgb(233,234,251) |
hsl(238,70%,95%) |
| #d4d5f7 |
rgb(212,213,247) |
hsl(238,70%,90%) |
| #bec0f4 |
rgb(190,192,244) |
hsl(238,70%,85%) |
| #a8abf0 |
rgb(168,171,240) |
hsl(238,70%,80%) |
| #9396ec |
rgb(147,150,236) |
hsl(238,70%,75%) |
| #7d81e8 |
rgb(125,129,232) |
hsl(238,70%,70%) |
| #676be4 |
rgb(103,107,228) |
hsl(238,70%,65%) |
| #5256e0 |
rgb(82,86,224) |
hsl(238,70%,60%) |
| #3c41dd |
rgb(60,65,221) |
hsl(238,70%,55%) |
| #262cd9 |
rgb(38,44,217) |
hsl(238,70%,50%) |
| #2228c3 |
rgb(34,40,195) |
hsl(238,70%,45%) |
| #1f23ad |
rgb(31,35,173) |
hsl(238,70%,40%) |
| #1b1f98 |
rgb(27,31,152) |
hsl(238,70%,35%) |
| #171b82 |
rgb(23,27,130) |
hsl(238,70%,30%) |
| #13166c |
rgb(19,22,108) |
hsl(238,70%,25%) |
| #0f1257 |
rgb(15,18,87) |
hsl(238,70%,20%) |
| #0b0d41 |
rgb(11,13,65) |
hsl(238,70%,15%) |
| #08092b |
rgb(8,9,43) |
hsl(238,70%,10%) |
| #040416 |
rgb(4,4,22) |
hsl(238,70%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #69C2E5 |
rgb(105,194,229) |
hsl(197,70%,65%) |
| #696EE5 |
rgb(105,110,229) |
hsl(238,70%,65%) |
| #B669E5 |
rgb(182,105,229) |
hsl(277,70%,65%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #F1F2FC |
rgb(241,242,252) |
hsl(235,65%,97%) |
| #C4C7F4 |
rgb(196,199,244) |
hsl(236,69%,86%) |
| #9699EC |
rgb(150,153,236) |
hsl(238,69%,76%) |
| #696EE5 |
rgb(105,110,229) |
hsl(238,70%,65%) |
| #3B42DD |
rgb(59,66,221) |
hsl(237,70%,55%) |
| #2129C1 |
rgb(33,41,193) |
hsl(237,71%,44%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #696EE5 |
rgb(105,110,229) |
hsl(238,70%,65%) |
| #E5A369 |
rgb(229,163,105) |
hsl(28,70%,65%) |
| #ACE669 |
rgb(172,230,105) |
hsl(88,71%,66%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #696EE5 |
rgb(105,110,229) |
hsl(238,70%,65%) |
| #E5E069 |
rgb(229,224,105) |
hsl(58,70%,65%) |
| #69ABE5 |
rgb(105,171,229) |
hsl(208,70%,65%) |
| #ACE669 |
rgb(172,230,105) |
hsl(88,71%,66%) |
