HEX #227EA0 color — Jelly Bean

The color #227ea0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

227ea0 color palette from light to dark

HEX RGB HSL
#f7fbfd rgb(247,251,253) hsl(196,65%,98%)
#e2f3f9 rgb(226,243,249) hsl(196,65%,93%)
#cdeaf4 rgb(205,234,244) hsl(196,65%,88%)
#b7e1f0 rgb(183,225,240) hsl(196,65%,83%)
#a2d8eb rgb(162,216,235) hsl(196,65%,78%)
#8dcfe7 rgb(141,207,231) hsl(196,65%,73%)
#78c6e2 rgb(120,198,226) hsl(196,65%,68%)
#63bdde rgb(99,189,222) hsl(196,65%,63%)
#4eb4da rgb(78,180,218) hsl(196,65%,58%)
#39acd5 rgb(57,172,213) hsl(196,65%,53%)
#2ba0ca rgb(43,160,202) hsl(196,65%,48%)
#268fb5 rgb(38,143,181) hsl(196,65%,43%)
#227ea0 rgb(34,126,160) hsl(196,65%,38%)
#1d6e8b rgb(29,110,139) hsl(196,65%,33%)
#195d76 rgb(25,93,118) hsl(196,65%,28%)
#154c61 rgb(21,76,97) hsl(196,65%,23%)
#103c4c rgb(16,60,76) hsl(196,65%,18%)
#0c2b37 rgb(12,43,55) hsl(196,65%,13%)
#071b22 rgb(7,27,34) hsl(196,65%,8%)
#030a0d rgb(3,10,13) hsl(196,65%,3%)

Adjacent colors

HEX RGB HSL
#22A16E rgb(34,161,110) hsl(156,65%,38%)
#227EA0 rgb(34,126,160) hsl(196,65%,38%)
#2229A0 rgb(34,41,160) hsl(237,65%,38%)

Monochromatic colors

HEX RGB HSL
#2791B9 rgb(39,145,185) hsl(196,65%,44%)
#227EA0 rgb(34,126,160) hsl(196,65%,38%)
#1C6B86 rgb(28,107,134) hsl(195,65%,32%)
#17576C rgb(23,87,108) hsl(195,65%,26%)
#114253 rgb(17,66,83) hsl(195,66%,20%)
#0C2E39 rgb(12,46,57) hsl(195,65%,14%)

Triad color palettes

HEX RGB HSL
#227EA0 rgb(34,126,160) hsl(196,65%,38%)
#A0213F rgb(160,33,63) hsl(346,66%,38%)
#A08222 rgb(160,130,34) hsl(46,65%,38%)

Tetrad color palettes

HEX RGB HSL
#227EA0 rgb(34,126,160) hsl(196,65%,38%)
#A04522 rgb(160,69,34) hsl(17,65%,38%)
#22A183 rgb(34,161,131) hsl(166,65%,38%)
#A08222 rgb(160,130,34) hsl(46,65%,38%)