HEX #228C9D color — Jelly Bean
The color #228C9D is a dark shade and moderately saturated.
Palette
228C9D color palette from light to dark
HEX |
RGB |
HSL |
#f2fbfc |
rgb(242,251,252) |
hsl(188,64%,97%) |
#def4f8 |
rgb(222,244,248) |
hsl(188,64%,92%) |
#c9edf3 |
rgb(201,237,243) |
hsl(188,64%,87%) |
#b4e7ee |
rgb(180,231,238) |
hsl(188,64%,82%) |
#9fe0ea |
rgb(159,224,234) |
hsl(188,64%,77%) |
#8ad9e5 |
rgb(138,217,229) |
hsl(188,64%,72%) |
#75d2e1 |
rgb(117,210,225) |
hsl(188,64%,67%) |
#60ccdc |
rgb(96,204,220) |
hsl(188,64%,62%) |
#4bc5d8 |
rgb(75,197,216) |
hsl(188,64%,57%) |
#36bed3 |
rgb(54,190,211) |
hsl(188,64%,52%) |
#2bb0c5 |
rgb(43,176,197) |
hsl(188,64%,47%) |
#279db0 |
rgb(39,157,176) |
hsl(188,64%,42%) |
#228b9b |
rgb(34,139,155) |
hsl(188,64%,37%) |
#1d7886 |
rgb(29,120,134) |
hsl(188,64%,32%) |
#196571 |
rgb(25,101,113) |
hsl(188,64%,27%) |
#14525c |
rgb(20,82,92) |
hsl(188,64%,22%) |
#104047 |
rgb(16,64,71) |
hsl(188,64%,17%) |
#0b2d32 |
rgb(11,45,50) |
hsl(188,64%,12%) |
#061a1d |
rgb(6,26,29) |
hsl(188,64%,7%) |
#020708 |
rgb(2,7,8) |
hsl(188,64%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#229E5C |
rgb(34,158,92) |
hsl(148,65%,38%) |
#228C9D |
rgb(34,140,157) |
hsl(188,64%,37%) |
#223B9D |
rgb(34,59,157) |
hsl(228,64%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27A3B6 |
rgb(39,163,182) |
hsl(188,65%,43%) |
#228C9D |
rgb(34,140,157) |
hsl(188,64%,37%) |
#1C7583 |
rgb(28,117,131) |
hsl(188,65%,31%) |
#175E6A |
rgb(23,94,106) |
hsl(189,64%,25%) |
#114A51 |
rgb(17,74,81) |
hsl(187,65%,19%) |
#0C3338 |
rgb(12,51,56) |
hsl(187,65%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#228C9D |
rgb(34,140,157) |
hsl(188,64%,37%) |
#9D214E |
rgb(157,33,78) |
hsl(338,65%,37%) |
#9D7022 |
rgb(157,112,34) |
hsl(38,64%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228C9D |
rgb(34,140,157) |
hsl(188,64%,37%) |
#9D3322 |
rgb(157,51,34) |
hsl(8,64%,37%) |
#229E70 |
rgb(34,158,112) |
hsl(158,65%,38%) |
#9D7022 |
rgb(157,112,34) |
hsl(38,64%,37%) |