HEX #227DA0 color — Jelly Bean
The color #227DA0 is a dark shade and moderately saturated.
Palette
227DA0 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(197,65%,98%) |
#e2f2f9 |
rgb(226,242,249) |
hsl(197,65%,93%) |
#cde9f4 |
rgb(205,233,244) |
hsl(197,65%,88%) |
#b7e0f0 |
rgb(183,224,240) |
hsl(197,65%,83%) |
#a2d7eb |
rgb(162,215,235) |
hsl(197,65%,78%) |
#8dcee7 |
rgb(141,206,231) |
hsl(197,65%,73%) |
#78c4e2 |
rgb(120,196,226) |
hsl(197,65%,68%) |
#63bbde |
rgb(99,187,222) |
hsl(197,65%,63%) |
#4eb2da |
rgb(78,178,218) |
hsl(197,65%,58%) |
#39a9d5 |
rgb(57,169,213) |
hsl(197,65%,53%) |
#2b9dca |
rgb(43,157,202) |
hsl(197,65%,48%) |
#268db5 |
rgb(38,141,181) |
hsl(197,65%,43%) |
#227ca0 |
rgb(34,124,160) |
hsl(197,65%,38%) |
#1d6c8b |
rgb(29,108,139) |
hsl(197,65%,33%) |
#195c76 |
rgb(25,92,118) |
hsl(197,65%,28%) |
#154b61 |
rgb(21,75,97) |
hsl(197,65%,23%) |
#103b4c |
rgb(16,59,76) |
hsl(197,65%,18%) |
#0c2a37 |
rgb(12,42,55) |
hsl(197,65%,13%) |
#071a22 |
rgb(7,26,34) |
hsl(197,65%,8%) |
#030a0d |
rgb(3,10,13) |
hsl(197,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A16F |
rgb(34,161,111) |
hsl(156,65%,38%) |
#227DA0 |
rgb(34,125,160) |
hsl(197,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%) |
#227DA0 |
rgb(34,125,160) |
hsl(197,65%,38%) |
#1C6986 |
rgb(28,105,134) |
hsl(196,65%,32%) |
#17546C |
rgb(23,84,108) |
hsl(197,65%,26%) |
#114053 |
rgb(17,64,83) |
hsl(197,66%,20%) |
#0C2E39 |
rgb(12,46,57) |
hsl(195,65%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#227DA0 |
rgb(34,125,160) |
hsl(197,65%,38%) |
#A0213E |
rgb(160,33,62) |
hsl(346,66%,38%) |
#A08522 |
rgb(160,133,34) |
hsl(47,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227DA0 |
rgb(34,125,160) |
hsl(197,65%,38%) |
#A04522 |
rgb(160,69,34) |
hsl(17,65%,38%) |
#22A184 |
rgb(34,161,132) |
hsl(166,65%,38%) |
#A08522 |
rgb(160,133,34) |
hsl(47,65%,38%) |