HEX #227AA0 color — Jelly Bean

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

Color codes

copy icon
copy icon
copy icon

Palette

227aa0 color palette from light to dark

HEX RGB HSL
#f7fbfd rgb(247,251,253) hsl(198,65%,98%)
#e2f2f9 rgb(226,242,249) hsl(198,65%,93%)
#cde8f4 rgb(205,232,244) hsl(198,65%,88%)
#b7dff0 rgb(183,223,240) hsl(198,65%,83%)
#a2d5eb rgb(162,213,235) hsl(198,65%,78%)
#8dcce7 rgb(141,204,231) hsl(198,65%,73%)
#78c3e2 rgb(120,195,226) hsl(198,65%,68%)
#63b9de rgb(99,185,222) hsl(198,65%,63%)
#4eb0da rgb(78,176,218) hsl(198,65%,58%)
#39a6d5 rgb(57,166,213) hsl(198,65%,53%)
#2b9aca rgb(43,154,202) hsl(198,65%,48%)
#268ab5 rgb(38,138,181) hsl(198,65%,43%)
#227aa0 rgb(34,122,160) hsl(198,65%,38%)
#1d6a8b rgb(29,106,139) hsl(198,65%,33%)
#195a76 rgb(25,90,118) hsl(198,65%,28%)
#154a61 rgb(21,74,97) hsl(198,65%,23%)
#103a4c rgb(16,58,76) hsl(198,65%,18%)
#0c2a37 rgb(12,42,55) hsl(198,65%,13%)
#071a22 rgb(7,26,34) hsl(198,65%,8%)
#030a0d rgb(3,10,13) hsl(198,65%,3%)

Adjacent colors

HEX RGB HSL
#22A172 rgb(34,161,114) hsl(158,65%,38%)
#227AA0 rgb(34,122,160) hsl(198,65%,38%)
#2226A0 rgb(34,38,160) hsl(238,65%,38%)

Monochromatic colors

HEX RGB HSL
#278CB9 rgb(39,140,185) hsl(198,65%,44%)
#227AA0 rgb(34,122,160) hsl(198,65%,38%)
#1C6686 rgb(28,102,134) hsl(198,65%,32%)
#17546C rgb(23,84,108) hsl(197,65%,26%)
#114053 rgb(17,64,83) hsl(197,66%,20%)
#0C2B39 rgb(12,43,57) hsl(199,65%,14%)

Triad color palettes

HEX RGB HSL
#227AA0 rgb(34,122,160) hsl(198,65%,38%)
#A0213B rgb(160,33,59) hsl(348,66%,38%)
#A08722 rgb(160,135,34) hsl(48,65%,38%)

Tetrad color palettes

HEX RGB HSL
#227AA0 rgb(34,122,160) hsl(198,65%,38%)
#A04722 rgb(160,71,34) hsl(18,65%,38%)
#22A187 rgb(34,161,135) hsl(168,65%,38%)
#A08722 rgb(160,135,34) hsl(48,65%,38%)