HEX #228F9C color — Jelly Bean
The color #228F9C is a dark shade and moderately saturated.
Palette
228F9C color palette from light to dark
HEX |
RGB |
HSL |
#f2fbfc |
rgb(242,251,252) |
hsl(186,64%,97%) |
#def5f8 |
rgb(222,245,248) |
hsl(186,64%,92%) |
#c9eff3 |
rgb(201,239,243) |
hsl(186,64%,87%) |
#b4e9ee |
rgb(180,233,238) |
hsl(186,64%,82%) |
#9fe2ea |
rgb(159,226,234) |
hsl(186,64%,77%) |
#8adce5 |
rgb(138,220,229) |
hsl(186,64%,72%) |
#75d6e1 |
rgb(117,214,225) |
hsl(186,64%,67%) |
#60d0dc |
rgb(96,208,220) |
hsl(186,64%,62%) |
#4bc9d8 |
rgb(75,201,216) |
hsl(186,64%,57%) |
#36c3d3 |
rgb(54,195,211) |
hsl(186,64%,52%) |
#2bb5c5 |
rgb(43,181,197) |
hsl(186,64%,47%) |
#27a2b0 |
rgb(39,162,176) |
hsl(186,64%,42%) |
#228f9b |
rgb(34,143,155) |
hsl(186,64%,37%) |
#1d7b86 |
rgb(29,123,134) |
hsl(186,64%,32%) |
#196871 |
rgb(25,104,113) |
hsl(186,64%,27%) |
#14555c |
rgb(20,85,92) |
hsl(186,64%,22%) |
#104247 |
rgb(16,66,71) |
hsl(186,64%,17%) |
#0b2e32 |
rgb(11,46,50) |
hsl(186,64%,12%) |
#061b1d |
rgb(6,27,29) |
hsl(186,64%,7%) |
#020808 |
rgb(2,8,8) |
hsl(186,64%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#229C57 |
rgb(34,156,87) |
hsl(146,64%,37%) |
#228F9C |
rgb(34,143,156) |
hsl(186,64%,37%) |
#223D9C |
rgb(34,61,156) |
hsl(227,64%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27A6B4 |
rgb(39,166,180) |
hsl(186,64%,43%) |
#228F9C |
rgb(34,143,156) |
hsl(186,64%,37%) |
#1C7883 |
rgb(28,120,131) |
hsl(186,65%,31%) |
#17616A |
rgb(23,97,106) |
hsl(187,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 |
#228F9C |
rgb(34,143,156) |
hsl(186,64%,37%) |
#9C2152 |
rgb(156,33,82) |
hsl(336,65%,37%) |
#9C6B22 |
rgb(156,107,34) |
hsl(36,64%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228F9C |
rgb(34,143,156) |
hsl(186,64%,37%) |
#9C2E22 |
rgb(156,46,34) |
hsl(6,64%,37%) |
#229C6C |
rgb(34,156,108) |
hsl(156,64%,37%) |
#9C6B22 |
rgb(156,107,34) |
hsl(36,64%,37%) |