HEX #228A9D color — Jelly Bean
The color #228A9D is a dark shade and moderately saturated.
Palette
228A9D color palette from light to dark
HEX |
RGB |
HSL |
#f2fbfc |
rgb(242,251,252) |
hsl(189,64%,97%) |
#def4f8 |
rgb(222,244,248) |
hsl(189,64%,92%) |
#c9edf3 |
rgb(201,237,243) |
hsl(189,64%,87%) |
#b4e6ee |
rgb(180,230,238) |
hsl(189,64%,82%) |
#9fdfea |
rgb(159,223,234) |
hsl(189,64%,77%) |
#8ad8e5 |
rgb(138,216,229) |
hsl(189,64%,72%) |
#75d1e1 |
rgb(117,209,225) |
hsl(189,64%,67%) |
#60cadc |
rgb(96,202,220) |
hsl(189,64%,62%) |
#4bc2d8 |
rgb(75,194,216) |
hsl(189,64%,57%) |
#36bbd3 |
rgb(54,187,211) |
hsl(189,64%,52%) |
#2baec5 |
rgb(43,174,197) |
hsl(189,64%,47%) |
#279bb0 |
rgb(39,155,176) |
hsl(189,64%,42%) |
#22899b |
rgb(34,137,155) |
hsl(189,64%,37%) |
#1d7686 |
rgb(29,118,134) |
hsl(189,64%,32%) |
#196471 |
rgb(25,100,113) |
hsl(189,64%,27%) |
#14515c |
rgb(20,81,92) |
hsl(189,64%,22%) |
#103f47 |
rgb(16,63,71) |
hsl(189,64%,17%) |
#0b2c32 |
rgb(11,44,50) |
hsl(189,64%,12%) |
#061a1d |
rgb(6,26,29) |
hsl(189,64%,7%) |
#020708 |
rgb(2,7,8) |
hsl(189,64%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#229E5E |
rgb(34,158,94) |
hsl(149,65%,38%) |
#228A9D |
rgb(34,138,157) |
hsl(189,64%,37%) |
#22389D |
rgb(34,56,157) |
hsl(229,64%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27A1B6 |
rgb(39,161,182) |
hsl(189,65%,43%) |
#228A9D |
rgb(34,138,157) |
hsl(189,64%,37%) |
#1C7383 |
rgb(28,115,131) |
hsl(189,65%,31%) |
#175E6A |
rgb(23,94,106) |
hsl(189,64%,25%) |
#114751 |
rgb(17,71,81) |
hsl(189,65%,19%) |
#0C3038 |
rgb(12,48,56) |
hsl(191,65%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#228A9D |
rgb(34,138,157) |
hsl(189,64%,37%) |
#9D214C |
rgb(157,33,76) |
hsl(339,65%,37%) |
#9D7322 |
rgb(157,115,34) |
hsl(40,64%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228A9D |
rgb(34,138,157) |
hsl(189,64%,37%) |
#9D3622 |
rgb(157,54,34) |
hsl(10,64%,37%) |
#229E72 |
rgb(34,158,114) |
hsl(159,65%,38%) |
#9D7322 |
rgb(157,115,34) |
hsl(40,64%,37%) |