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