HEX #1F78E5 color — Royal Blue
The color #1f78e5 is a dark shade and highly saturated.
Palette
1f78e5 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fd |
rgb(237,244,253) |
hsl(213,79%,96%) |
#d6e6fa |
rgb(214,230,250) |
hsl(213,79%,91%) |
#bfd8f8 |
rgb(191,216,248) |
hsl(213,79%,86%) |
#a8cbf5 |
rgb(168,203,245) |
hsl(213,79%,81%) |
#91bdf2 |
rgb(145,189,242) |
hsl(213,79%,76%) |
#7bafef |
rgb(123,175,239) |
hsl(213,79%,71%) |
#64a1ed |
rgb(100,161,237) |
hsl(213,79%,66%) |
#4d94ea |
rgb(77,148,234) |
hsl(213,79%,61%) |
#3686e7 |
rgb(54,134,231) |
hsl(213,79%,56%) |
#1f78e5 |
rgb(31,120,229) |
hsl(213,79%,51%) |
#196cd2 |
rgb(25,108,210) |
hsl(213,79%,46%) |
#1660bb |
rgb(22,96,187) |
hsl(213,79%,41%) |
#1355a4 |
rgb(19,85,164) |
hsl(213,79%,36%) |
#11498d |
rgb(17,73,141) |
hsl(213,79%,31%) |
#0e3d77 |
rgb(14,61,119) |
hsl(213,79%,26%) |
#0b3160 |
rgb(11,49,96) |
hsl(213,79%,21%) |
#092649 |
rgb(9,38,73) |
hsl(213,79%,16%) |
#061a32 |
rgb(6,26,50) |
hsl(213,79%,11%) |
#030e1b |
rgb(3,14,27) |
hsl(213,79%,6%) |
#010205 |
rgb(1,2,5) |
hsl(213,79%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#1FE6CE |
rgb(31,230,206) |
hsl(173,80%,51%) |
#1F78E5 |
rgb(31,120,229) |
hsl(213,79%,51%) |
#4A1FE5 |
rgb(74,31,229) |
hsl(253,79%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#69A6ED |
rgb(105,166,237) |
hsl(212,79%,67%) |
#448FE9 |
rgb(68,143,233) |
hsl(213,79%,59%) |
#1F78E5 |
rgb(31,120,229) |
hsl(213,79%,51%) |
#1663C3 |
rgb(22,99,195) |
hsl(213,80%,43%) |
#12529E |
rgb(18,82,158) |
hsl(213,80%,35%) |
#0E3D79 |
rgb(14,61,121) |
hsl(214,79%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#1F78E5 |
rgb(31,120,229) |
hsl(213,79%,51%) |
#E5291F |
rgb(229,41,31) |
hsl(3,79%,51%) |
#DBE61F |
rgb(219,230,31) |
hsl(63,80%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#1F78E5 |
rgb(31,120,229) |
hsl(213,79%,51%) |
#E58C1F |
rgb(229,140,31) |
hsl(33,79%,51%) |
#1FDBE5 |
rgb(31,219,229) |
hsl(183,79%,51%) |
#DBE61F |
rgb(219,230,31) |
hsl(63,80%,51%) |