HEX #227AE5 color — Royal Blue

The color #227AE5 is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

227AE5 color palette from light to dark

HEX RGB HSL
#f1f7fd rgb(241,247,253) hsl(213,79%,97%)
#dae9fb rgb(218,233,251) hsl(213,79%,92%)
#c4dbf8 rgb(196,219,248) hsl(213,79%,87%)
#adcdf5 rgb(173,205,245) hsl(213,79%,82%)
#96c0f3 rgb(150,192,243) hsl(213,79%,77%)
#7fb2f0 rgb(127,178,240) hsl(213,79%,72%)
#68a4ed rgb(104,164,237) hsl(213,79%,67%)
#5296eb rgb(82,150,235) hsl(213,79%,62%)
#3b89e8 rgb(59,137,232) hsl(213,79%,57%)
#247be5 rgb(36,123,229) hsl(213,79%,52%)
#196ed7 rgb(25,110,215) hsl(213,79%,47%)
#1663c0 rgb(22,99,192) hsl(213,79%,42%)
#1457a9 rgb(20,87,169) hsl(213,79%,37%)
#114b92 rgb(17,75,146) hsl(213,79%,32%)
#0e3f7b rgb(14,63,123) hsl(213,79%,27%)
#0c3464 rgb(12,52,100) hsl(213,79%,22%)
#09284e rgb(9,40,78) hsl(213,79%,17%)
#061c37 rgb(6,28,55) hsl(213,79%,12%)
#041020 rgb(4,16,32) hsl(213,79%,7%)
#010509 rgb(1,5,9) hsl(213,79%,2%)

Adjacent colors

HEX RGB HSL
#22E6CE rgb(34,230,206) hsl(173,80%,52%)
#227AE5 rgb(34,122,229) hsl(213,79%,52%)
#4C21E5 rgb(76,33,229) hsl(253,79%,51%)

Monochromatic colors

HEX RGB HSL
#6DA8ED rgb(109,168,237) hsl(212,78%,68%)
#4791E9 rgb(71,145,233) hsl(213,79%,60%)
#227AE5 rgb(34,122,229) hsl(213,79%,52%)
#1766C5 rgb(23,102,197) hsl(213,79%,43%)
#1252A0 rgb(18,82,160) hsl(213,80%,35%)
#0E407A rgb(14,64,122) hsl(212,79%,27%)

Triad color palettes

HEX RGB HSL
#227AE5 rgb(34,122,229) hsl(213,79%,52%)
#E52B22 rgb(229,43,34) hsl(3,79%,52%)
#DBE622 rgb(219,230,34) hsl(63,80%,52%)

Tetrad color palettes

HEX RGB HSL
#227AE5 rgb(34,122,229) hsl(213,79%,52%)
#E58C22 rgb(229,140,34) hsl(33,79%,52%)
#22DBE5 rgb(34,219,229) hsl(183,79%,52%)
#DBE622 rgb(219,230,34) hsl(63,80%,52%)