HEX #228AC5 color — Curious Blue
The color #228AC5 is a dark shade and highly saturated.
Palette
228AC5 color palette from light to dark
HEX |
RGB |
HSL |
#e9f5fb |
rgb(233,245,251) |
hsl(202,71%,95%) |
#d3eaf8 |
rgb(211,234,248) |
hsl(202,71%,90%) |
#bee0f4 |
rgb(190,224,244) |
hsl(202,71%,85%) |
#a8d6f0 |
rgb(168,214,240) |
hsl(202,71%,80%) |
#92cbed |
rgb(146,203,237) |
hsl(202,71%,75%) |
#7cc1e9 |
rgb(124,193,233) |
hsl(202,71%,70%) |
#66b7e5 |
rgb(102,183,229) |
hsl(202,71%,65%) |
#51ace1 |
rgb(81,172,225) |
hsl(202,71%,60%) |
#3ba2de |
rgb(59,162,222) |
hsl(202,71%,55%) |
#2598da |
rgb(37,152,218) |
hsl(202,71%,50%) |
#2188c4 |
rgb(33,136,196) |
hsl(202,71%,45%) |
#1e79ae |
rgb(30,121,174) |
hsl(202,71%,40%) |
#1a6a99 |
rgb(26,106,153) |
hsl(202,71%,35%) |
#165b83 |
rgb(22,91,131) |
hsl(202,71%,30%) |
#124c6d |
rgb(18,76,109) |
hsl(202,71%,25%) |
#0f3d57 |
rgb(15,61,87) |
hsl(202,71%,20%) |
#0b2d41 |
rgb(11,45,65) |
hsl(202,71%,15%) |
#071e2c |
rgb(7,30,44) |
hsl(202,71%,10%) |
#040f16 |
rgb(4,15,22) |
hsl(202,71%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22C493 |
rgb(34,196,147) |
hsl(162,70%,45%) |
#228AC5 |
rgb(34,138,197) |
hsl(202,71%,45%) |
#2621C5 |
rgb(38,33,197) |
hsl(242,71%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#50ADE0 |
rgb(80,173,224) |
hsl(201,70%,60%) |
#309EDB |
rgb(48,158,219) |
hsl(201,70%,52%) |
#228AC5 |
rgb(34,138,197) |
hsl(202,71%,45%) |
#1C73A5 |
rgb(28,115,165) |
hsl(202,71%,38%) |
#175E85 |
rgb(23,94,133) |
hsl(201,71%,31%) |
#114766 |
rgb(17,71,102) |
hsl(202,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#228AC5 |
rgb(34,138,197) |
hsl(202,71%,45%) |
#C52138 |
rgb(197,33,56) |
hsl(352,71%,45%) |
#C5AD22 |
rgb(197,173,34) |
hsl(51,71%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228AC5 |
rgb(34,138,197) |
hsl(202,71%,45%) |
#C55C22 |
rgb(197,92,34) |
hsl(21,71%,45%) |
#22C4AE |
rgb(34,196,174) |
hsl(172,70%,45%) |
#C5AD22 |
rgb(197,173,34) |
hsl(51,71%,45%) |