HEX #228AA0 color — Jelly Bean

The color #228AA0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

228AA0 color palette from light to dark

HEX RGB HSL
#f7fcfd rgb(247,252,253) hsl(190,65%,98%)
#e2f5f9 rgb(226,245,249) hsl(190,65%,93%)
#cdeef4 rgb(205,238,244) hsl(190,65%,88%)
#b7e6f0 rgb(183,230,240) hsl(190,65%,83%)
#a2dfeb rgb(162,223,235) hsl(190,65%,78%)
#8dd8e7 rgb(141,216,231) hsl(190,65%,73%)
#78d1e2 rgb(120,209,226) hsl(190,65%,68%)
#63cade rgb(99,202,222) hsl(190,65%,63%)
#4ec2da rgb(78,194,218) hsl(190,65%,58%)
#39bbd5 rgb(57,187,213) hsl(190,65%,53%)
#2bafca rgb(43,175,202) hsl(190,65%,48%)
#269db5 rgb(38,157,181) hsl(190,65%,43%)
#228ba0 rgb(34,139,160) hsl(190,65%,38%)
#1d798b rgb(29,121,139) hsl(190,65%,33%)
#196676 rgb(25,102,118) hsl(190,65%,28%)
#155461 rgb(21,84,97) hsl(190,65%,23%)
#10424c rgb(16,66,76) hsl(190,65%,18%)
#0c3037 rgb(12,48,55) hsl(190,65%,13%)
#071d22 rgb(7,29,34) hsl(190,65%,8%)
#030b0d rgb(3,11,13) hsl(190,65%,3%)

Adjacent colors

HEX RGB HSL
#22A162 rgb(34,161,98) hsl(150,65%,38%)
#228AA0 rgb(34,138,160) hsl(190,65%,38%)
#2236A0 rgb(34,54,160) hsl(230,65%,38%)

Monochromatic colors

HEX RGB HSL
#27A1B9 rgb(39,161,185) hsl(190,65%,44%)
#228AA0 rgb(34,138,160) hsl(190,65%,38%)
#1C7386 rgb(28,115,134) hsl(191,65%,32%)
#175E6C rgb(23,94,108) hsl(190,65%,26%)
#114753 rgb(17,71,83) hsl(191,66%,20%)
#0C3039 rgb(12,48,57) hsl(192,65%,14%)

Triad color palettes

HEX RGB HSL
#228AA0 rgb(34,138,160) hsl(190,65%,38%)
#A0214B rgb(160,33,75) hsl(340,66%,38%)
#A07822 rgb(160,120,34) hsl(41,65%,38%)

Tetrad color palettes

HEX RGB HSL
#228AA0 rgb(34,138,160) hsl(190,65%,38%)
#A03822 rgb(160,56,34) hsl(10,65%,38%)
#22A177 rgb(34,161,119) hsl(160,65%,38%)
#A07822 rgb(160,120,34) hsl(41,65%,38%)