HEX #228AA0 color — Jelly Bean
The color #228AA0 is a dark shade and moderately saturated.
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%) |