HEX #228C9E color — Jelly Bean
The color #228C9E is a dark shade and moderately saturated.
Palette
228C9E color palette from light to dark
HEX |
RGB |
HSL |
#f7fcfd |
rgb(247,252,253) |
hsl(189,65%,98%) |
#e2f5f9 |
rgb(226,245,249) |
hsl(189,65%,93%) |
#cdeef4 |
rgb(205,238,244) |
hsl(189,65%,88%) |
#b7e7f0 |
rgb(183,231,240) |
hsl(189,65%,83%) |
#a2e0eb |
rgb(162,224,235) |
hsl(189,65%,78%) |
#8dd9e7 |
rgb(141,217,231) |
hsl(189,65%,73%) |
#78d3e2 |
rgb(120,211,226) |
hsl(189,65%,68%) |
#63ccde |
rgb(99,204,222) |
hsl(189,65%,63%) |
#4ec5da |
rgb(78,197,218) |
hsl(189,65%,58%) |
#39bed5 |
rgb(57,190,213) |
hsl(189,65%,53%) |
#2bb2ca |
rgb(43,178,202) |
hsl(189,65%,48%) |
#26a0b5 |
rgb(38,160,181) |
hsl(189,65%,43%) |
#228da0 |
rgb(34,141,160) |
hsl(189,65%,38%) |
#1d7a8b |
rgb(29,122,139) |
hsl(189,65%,33%) |
#196876 |
rgb(25,104,118) |
hsl(189,65%,28%) |
#155561 |
rgb(21,85,97) |
hsl(189,65%,23%) |
#10434c |
rgb(16,67,76) |
hsl(189,65%,18%) |
#0c3037 |
rgb(12,48,55) |
hsl(189,65%,13%) |
#071e22 |
rgb(7,30,34) |
hsl(189,65%,8%) |
#030b0d |
rgb(3,11,13) |
hsl(189,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#229E5D |
rgb(34,158,93) |
hsl(149,65%,38%) |
#228C9E |
rgb(34,140,158) |
hsl(189,65%,38%) |
#22389E |
rgb(34,56,158) |
hsl(229,65%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27A3B7 |
rgb(39,163,183) |
hsl(188,65%,44%) |
#228C9E |
rgb(34,140,158) |
hsl(189,65%,38%) |
#1C7584 |
rgb(28,117,132) |
hsl(189,65%,31%) |
#175E6B |
rgb(23,94,107) |
hsl(189,65%,25%) |
#114A52 |
rgb(17,74,82) |
hsl(187,66%,19%) |
#0C3338 |
rgb(12,51,56) |
hsl(187,65%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#228C9E |
rgb(34,140,158) |
hsl(189,65%,38%) |
#9E214E |
rgb(158,33,78) |
hsl(338,65%,37%) |
#9E7322 |
rgb(158,115,34) |
hsl(39,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228C9E |
rgb(34,140,158) |
hsl(189,65%,38%) |
#9E3322 |
rgb(158,51,34) |
hsl(8,65%,38%) |
#229E72 |
rgb(34,158,114) |
hsl(159,65%,38%) |
#9E7322 |
rgb(158,115,34) |
hsl(39,65%,38%) |