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