HEX #227A8E color — Jelly Bean
The color #227A8E is a dark shade and moderately saturated.
Palette
227A8E color palette from light to dark
HEX |
RGB |
HSL |
#eaf7fa |
rgb(234,247,250) |
hsl(191,61%,95%) |
#d6eff5 |
rgb(214,239,245) |
hsl(191,61%,90%) |
#c1e8f0 |
rgb(193,232,240) |
hsl(191,61%,85%) |
#ade0eb |
rgb(173,224,235) |
hsl(191,61%,80%) |
#98d8e6 |
rgb(152,216,230) |
hsl(191,61%,75%) |
#84d0e1 |
rgb(132,208,225) |
hsl(191,61%,70%) |
#6fc8dc |
rgb(111,200,220) |
hsl(191,61%,65%) |
#5bc0d7 |
rgb(91,192,215) |
hsl(191,61%,60%) |
#46b9d2 |
rgb(70,185,210) |
hsl(191,61%,55%) |
#32b1cd |
rgb(50,177,205) |
hsl(191,61%,50%) |
#2d9fb9 |
rgb(45,159,185) |
hsl(191,61%,45%) |
#288da4 |
rgb(40,141,164) |
hsl(191,61%,40%) |
#237c90 |
rgb(35,124,144) |
hsl(191,61%,35%) |
#1e6a7b |
rgb(30,106,123) |
hsl(191,61%,30%) |
#195867 |
rgb(25,88,103) |
hsl(191,61%,25%) |
#144752 |
rgb(20,71,82) |
hsl(191,61%,20%) |
#0f353e |
rgb(15,53,62) |
hsl(191,61%,15%) |
#0a2329 |
rgb(10,35,41) |
hsl(191,61%,10%) |
#051215 |
rgb(5,18,21) |
hsl(191,61%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#228F5A |
rgb(34,143,90) |
hsl(151,62%,35%) |
#227A8E |
rgb(34,122,142) |
hsl(191,61%,35%) |
#22338E |
rgb(34,51,142) |
hsl(231,61%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#278CA4 |
rgb(39,140,164) |
hsl(192,62%,40%) |
#227A8E |
rgb(34,122,142) |
hsl(191,61%,35%) |
#1C6677 |
rgb(28,102,119) |
hsl(191,62%,29%) |
#175460 |
rgb(23,84,96) |
hsl(190,61%,23%) |
#114049 |
rgb(17,64,73) |
hsl(190,62%,18%) |
#0C2B33 |
rgb(12,43,51) |
hsl(192,62%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#227A8E |
rgb(34,122,142) |
hsl(191,61%,35%) |
#8E2144 |
rgb(142,33,68) |
hsl(341,62%,34%) |
#8E6B22 |
rgb(142,107,34) |
hsl(41,61%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#227A8E |
rgb(34,122,142) |
hsl(191,61%,35%) |
#8E3622 |
rgb(142,54,34) |
hsl(11,61%,35%) |
#228F6C |
rgb(34,143,108) |
hsl(161,62%,35%) |
#8E6B22 |
rgb(142,107,34) |
hsl(41,61%,35%) |