HEX #227D9E color — Jelly Bean
The color #227D9E is a dark shade and moderately saturated.
Palette
227D9E 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 |
#229E6C |
rgb(34,158,108) |
hsl(156,65%,38%) |
#227D9E |
rgb(34,125,158) |
hsl(196,65%,38%) |
#222B9E |
rgb(34,43,158) |
hsl(236,65%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2791B7 |
rgb(39,145,183) |
hsl(196,65%,44%) |
#227D9E |
rgb(34,125,158) |
hsl(196,65%,38%) |
#1C6984 |
rgb(28,105,132) |
hsl(196,65%,31%) |
#17546B |
rgb(23,84,107) |
hsl(196,65%,25%) |
#114052 |
rgb(17,64,82) |
hsl(197,66%,19%) |
#0C2E38 |
rgb(12,46,56) |
hsl(194,65%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#227D9E |
rgb(34,125,158) |
hsl(196,65%,38%) |
#9E213F |
rgb(158,33,63) |
hsl(346,65%,37%) |
#9E8222 |
rgb(158,130,34) |
hsl(46,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227D9E |
rgb(34,125,158) |
hsl(196,65%,38%) |
#9E4222 |
rgb(158,66,34) |
hsl(15,65%,38%) |
#229E81 |
rgb(34,158,129) |
hsl(166,65%,38%) |
#9E8222 |
rgb(158,130,34) |
hsl(46,65%,38%) |