HEX #228CA2 color — Eastern Blue
The color #228CA2 is a dark shade and moderately saturated.
Palette
228CA2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fcfd |
rgb(247,252,253) |
hsl(190,65%,98%) |
#e2f5f9 |
rgb(226,245,249) |
hsl(190,65%,93%) |
#cdeef4 |
rgb(205,238,244) |
hsl(190,65%,88%) |
#b7e6f0 |
rgb(183,230,240) |
hsl(190,65%,83%) |
#a2dfeb |
rgb(162,223,235) |
hsl(190,65%,78%) |
#8dd8e7 |
rgb(141,216,231) |
hsl(190,65%,73%) |
#78d1e2 |
rgb(120,209,226) |
hsl(190,65%,68%) |
#63cade |
rgb(99,202,222) |
hsl(190,65%,63%) |
#4ec2da |
rgb(78,194,218) |
hsl(190,65%,58%) |
#39bbd5 |
rgb(57,187,213) |
hsl(190,65%,53%) |
#2bafca |
rgb(43,175,202) |
hsl(190,65%,48%) |
#269db5 |
rgb(38,157,181) |
hsl(190,65%,43%) |
#228ba0 |
rgb(34,139,160) |
hsl(190,65%,38%) |
#1d798b |
rgb(29,121,139) |
hsl(190,65%,33%) |
#196676 |
rgb(25,102,118) |
hsl(190,65%,28%) |
#155461 |
rgb(21,84,97) |
hsl(190,65%,23%) |
#10424c |
rgb(16,66,76) |
hsl(190,65%,18%) |
#0c3037 |
rgb(12,48,55) |
hsl(190,65%,13%) |
#071d22 |
rgb(7,29,34) |
hsl(190,65%,8%) |
#030b0d |
rgb(3,11,13) |
hsl(190,65%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22A362 |
rgb(34,163,98) |
hsl(150,65%,39%) |
#228CA2 |
rgb(34,140,162) |
hsl(190,65%,38%) |
#2236A2 |
rgb(34,54,162) |
hsl(231,65%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#27A3BB |
rgb(39,163,187) |
hsl(190,65%,44%) |
#228CA2 |
rgb(34,140,162) |
hsl(190,65%,38%) |
#1C7588 |
rgb(28,117,136) |
hsl(191,66%,32%) |
#175E6E |
rgb(23,94,110) |
hsl(191,65%,26%) |
#114A54 |
rgb(17,74,84) |
hsl(189,66%,20%) |
#0C333A |
rgb(12,51,58) |
hsl(189,66%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#228CA2 |
rgb(34,140,162) |
hsl(190,65%,38%) |
#A2214C |
rgb(162,33,76) |
hsl(340,66%,38%) |
#A27822 |
rgb(162,120,34) |
hsl(40,65%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228CA2 |
rgb(34,140,162) |
hsl(190,65%,38%) |
#A23822 |
rgb(162,56,34) |
hsl(10,65%,38%) |
#22A378 |
rgb(34,163,120) |
hsl(160,65%,39%) |
#A27822 |
rgb(162,120,34) |
hsl(40,65%,38%) |