HEX #222EFF color — Blue

The color #222EFF is a dark shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

222EFF color palette from light to dark

HEX RGB HSL
#f0f0ff rgb(240,240,255) hsl(237,100%,97%)
#d6d8ff rgb(214,216,255) hsl(237,100%,92%)
#bdc0ff rgb(189,192,255) hsl(237,100%,87%)
#a3a8ff rgb(163,168,255) hsl(237,100%,82%)
#8a90ff rgb(138,144,255) hsl(237,100%,77%)
#7077ff rgb(112,119,255) hsl(237,100%,72%)
#575fff rgb(87,95,255) hsl(237,100%,67%)
#3d47ff rgb(61,71,255) hsl(237,100%,62%)
#242fff rgb(36,47,255) hsl(237,100%,57%)
#0a16ff rgb(10,22,255) hsl(237,100%,52%)
#000cf0 rgb(0,12,240) hsl(237,100%,47%)
#000bd6 rgb(0,11,214) hsl(237,100%,42%)
#0009bd rgb(0,9,189) hsl(237,100%,37%)
#0008a3 rgb(0,8,163) hsl(237,100%,32%)
#00078a rgb(0,7,138) hsl(237,100%,27%)
#000670 rgb(0,6,112) hsl(237,100%,22%)
#000457 rgb(0,4,87) hsl(237,100%,17%)
#00033d rgb(0,3,61) hsl(237,100%,12%)
#000224 rgb(0,2,36) hsl(237,100%,7%)
#00010a rgb(0,1,10) hsl(237,100%,2%)

Adjacent colors

HEX RGB HSL
#22C2FF rgb(34,194,255) hsl(197,100%,57%)
#222EFF rgb(34,46,255) hsl(237,100%,57%)
#A921FF rgb(169,33,255) hsl(277,100%,56%)

Monochromatic colors

HEX RGB HSL
#7E85FF rgb(126,133,255) hsl(237,100%,75%)
#5059FF rgb(80,89,255) hsl(237,100%,66%)
#222EFF rgb(34,46,255) hsl(237,100%,57%)
#000DF2 rgb(0,13,242) hsl(237,100%,47%)
#000AC4 rgb(0,10,196) hsl(237,100%,38%)
#000896 rgb(0,8,150) hsl(237,100%,29%)

Triad color palettes

HEX RGB HSL
#222EFF rgb(34,46,255) hsl(237,100%,57%)
#FF8522 rgb(255,133,34) hsl(27,100%,57%)
#9CFF22 rgb(156,255,34) hsl(87,100%,57%)

Tetrad color palettes

HEX RGB HSL
#222EFF rgb(34,46,255) hsl(237,100%,57%)
#FFF222 rgb(255,242,34) hsl(56,100%,57%)
#229CFF rgb(34,156,255) hsl(207,100%,57%)
#9CFF22 rgb(156,255,34) hsl(87,100%,57%)