HEX #2278E5 color — Royal Blue

The color #2278E5 is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2278E5 color palette from light to dark

HEX RGB HSL
#f1f7fd rgb(241,247,253) hsl(214,79%,97%)
#dae8fb rgb(218,232,251) hsl(214,79%,92%)
#c4daf8 rgb(196,218,248) hsl(214,79%,87%)
#adccf5 rgb(173,204,245) hsl(214,79%,82%)
#96bef3 rgb(150,190,243) hsl(214,79%,77%)
#7fb0f0 rgb(127,176,240) hsl(214,79%,72%)
#68a2ed rgb(104,162,237) hsl(214,79%,67%)
#5294eb rgb(82,148,235) hsl(214,79%,62%)
#3b86e8 rgb(59,134,232) hsl(214,79%,57%)
#2478e5 rgb(36,120,229) hsl(214,79%,52%)
#196bd7 rgb(25,107,215) hsl(214,79%,47%)
#1660c0 rgb(22,96,192) hsl(214,79%,42%)
#1454a9 rgb(20,84,169) hsl(214,79%,37%)
#114992 rgb(17,73,146) hsl(214,79%,32%)
#0e3e7b rgb(14,62,123) hsl(214,79%,27%)
#0c3264 rgb(12,50,100) hsl(214,79%,22%)
#09274e rgb(9,39,78) hsl(214,79%,17%)
#061b37 rgb(6,27,55) hsl(214,79%,12%)
#041020 rgb(4,16,32) hsl(214,79%,7%)
#010509 rgb(1,5,9) hsl(214,79%,2%)

Adjacent colors

HEX RGB HSL
#22E6D0 rgb(34,230,208) hsl(173,80%,52%)
#2278E5 rgb(34,120,229) hsl(214,79%,52%)
#4E21E5 rgb(78,33,229) hsl(254,79%,51%)

Monochromatic colors

HEX RGB HSL
#6DA6ED rgb(109,166,237) hsl(213,78%,68%)
#478FE9 rgb(71,143,233) hsl(213,79%,60%)
#2278E5 rgb(34,120,229) hsl(214,79%,52%)
#1763C5 rgb(23,99,197) hsl(214,79%,43%)
#1252A0 rgb(18,82,160) hsl(213,80%,35%)
#0E3D7A rgb(14,61,122) hsl(214,79%,27%)

Triad color palettes

HEX RGB HSL
#2278E5 rgb(34,120,229) hsl(214,79%,52%)
#E52E22 rgb(229,46,34) hsl(4,79%,52%)
#D9E622 rgb(217,230,34) hsl(64,80%,52%)

Tetrad color palettes

HEX RGB HSL
#2278E5 rgb(34,120,229) hsl(214,79%,52%)
#E58F22 rgb(229,143,34) hsl(34,79%,52%)
#22D9E5 rgb(34,217,229) hsl(184,79%,52%)
#D9E622 rgb(217,230,34) hsl(64,80%,52%)