HEX #338AE5 color — Royal Blue
The color #338AE5 is a light shade and moderately saturated.
Palette
338AE5 color palette from light to dark
| HEX |
RGB |
HSL |
| #e8f2fc |
rgb(232,242,252) |
hsl(211,77%,95%) |
| #d2e5f9 |
rgb(210,229,249) |
hsl(211,77%,90%) |
| #bbd8f6 |
rgb(187,216,246) |
hsl(211,77%,85%) |
| #a5cbf3 |
rgb(165,203,243) |
hsl(211,77%,80%) |
| #8ebef0 |
rgb(142,190,240) |
hsl(211,77%,75%) |
| #78b1ed |
rgb(120,177,237) |
hsl(211,77%,70%) |
| #61a3ea |
rgb(97,163,234) |
hsl(211,77%,65%) |
| #4a96e8 |
rgb(74,150,232) |
hsl(211,77%,60%) |
| #3489e5 |
rgb(52,137,229) |
hsl(211,77%,55%) |
| #1d7ce2 |
rgb(29,124,226) |
hsl(211,77%,50%) |
| #1a70cb |
rgb(26,112,203) |
hsl(211,77%,45%) |
| #1763b5 |
rgb(23,99,181) |
hsl(211,77%,40%) |
| #15579e |
rgb(21,87,158) |
hsl(211,77%,35%) |
| #124b87 |
rgb(18,75,135) |
hsl(211,77%,30%) |
| #0f3e71 |
rgb(15,62,113) |
hsl(211,77%,25%) |
| #0c325a |
rgb(12,50,90) |
hsl(211,77%,20%) |
| #092544 |
rgb(9,37,68) |
hsl(211,77%,15%) |
| #06192d |
rgb(6,25,45) |
hsl(211,77%,10%) |
| #030c17 |
rgb(3,12,23) |
hsl(211,77%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33E6C9 |
rgb(51,230,201) |
hsl(170,78%,55%) |
| #338AE5 |
rgb(51,138,229) |
hsl(211,77%,55%) |
| #5233E5 |
rgb(82,51,229) |
hsl(250,77%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #82B8EF |
rgb(130,184,239) |
hsl(210,77%,72%) |
| #5AA1EA |
rgb(90,161,234) |
hsl(210,77%,64%) |
| #338AE5 |
rgb(51,138,229) |
hsl(211,77%,55%) |
| #1A73D0 |
rgb(26,115,208) |
hsl(211,78%,46%) |
| #155EA8 |
rgb(21,94,168) |
hsl(210,78%,37%) |
| #104781 |
rgb(16,71,129) |
hsl(211,78%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #338AE5 |
rgb(51,138,229) |
hsl(211,77%,55%) |
| #E53633 |
rgb(229,54,51) |
hsl(1,77%,55%) |
| #E3E633 |
rgb(227,230,51) |
hsl(61,78%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #338AE5 |
rgb(51,138,229) |
hsl(211,77%,55%) |
| #E58F33 |
rgb(229,143,51) |
hsl(31,77%,55%) |
| #33E3E5 |
rgb(51,227,229) |
hsl(181,77%,55%) |
| #E3E633 |
rgb(227,230,51) |
hsl(61,78%,55%) |
