HEX #306BE6 color — Royal Blue
The color #306BE6 is a dark shade and moderately saturated.
Palette
306BE6 color palette from light to dark
| HEX |
RGB |
HSL |
| #e8effc |
rgb(232,239,252) |
hsl(221,78%,95%) |
| #d2def9 |
rgb(210,222,249) |
hsl(221,78%,90%) |
| #bbcef7 |
rgb(187,206,247) |
hsl(221,78%,85%) |
| #a4bdf4 |
rgb(164,189,244) |
hsl(221,78%,80%) |
| #8eadf1 |
rgb(142,173,241) |
hsl(221,78%,75%) |
| #779dee |
rgb(119,157,238) |
hsl(221,78%,70%) |
| #608ceb |
rgb(96,140,235) |
hsl(221,78%,65%) |
| #497ce9 |
rgb(73,124,233) |
hsl(221,78%,60%) |
| #336be6 |
rgb(51,107,230) |
hsl(221,78%,55%) |
| #1c5be3 |
rgb(28,91,227) |
hsl(221,78%,50%) |
| #1952cc |
rgb(25,82,204) |
hsl(221,78%,45%) |
| #1649b6 |
rgb(22,73,182) |
hsl(221,78%,40%) |
| #14409f |
rgb(20,64,159) |
hsl(221,78%,35%) |
| #113788 |
rgb(17,55,136) |
hsl(221,78%,30%) |
| #0e2e71 |
rgb(14,46,113) |
hsl(221,78%,25%) |
| #0b245b |
rgb(11,36,91) |
hsl(221,78%,20%) |
| #081b44 |
rgb(8,27,68) |
hsl(221,78%,15%) |
| #06122d |
rgb(6,18,45) |
hsl(221,78%,10%) |
| #030917 |
rgb(3,9,23) |
hsl(221,78%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30E6E6 |
rgb(48,230,230) |
hsl(180,78%,55%) |
| #306BE6 |
rgb(48,107,230) |
hsl(221,78%,55%) |
| #6E30E6 |
rgb(110,48,230) |
hsl(260,78%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7FA3EF |
rgb(127,163,239) |
hsl(221,78%,72%) |
| #5787EA |
rgb(87,135,234) |
hsl(220,78%,63%) |
| #306BE6 |
rgb(48,107,230) |
hsl(221,78%,55%) |
| #1954D0 |
rgb(25,84,208) |
hsl(221,79%,46%) |
| #1445A8 |
rgb(20,69,168) |
hsl(220,79%,37%) |
| #0F3680 |
rgb(15,54,128) |
hsl(219,79%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306BE6 |
rgb(48,107,230) |
hsl(221,78%,55%) |
| #E64F30 |
rgb(230,79,48) |
hsl(10,78%,55%) |
| #C6E630 |
rgb(198,230,48) |
hsl(71,78%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306BE6 |
rgb(48,107,230) |
hsl(221,78%,55%) |
| #E6AB30 |
rgb(230,171,48) |
hsl(41,78%,55%) |
| #30C7E6 |
rgb(48,199,230) |
hsl(190,78%,55%) |
| #C6E630 |
rgb(198,230,48) |
hsl(71,78%,55%) |
