HEX #228AC4 color — Curious Blue
The color #228AC4 is a dark shade and highly saturated.
Palette
228AC4 color palette from light to dark
HEX |
RGB |
HSL |
#e9f5fb |
rgb(233,245,251) |
hsl(201,70%,95%) |
#d4ebf7 |
rgb(212,235,247) |
hsl(201,70%,90%) |
#bee1f4 |
rgb(190,225,244) |
hsl(201,70%,85%) |
#a8d7f0 |
rgb(168,215,240) |
hsl(201,70%,80%) |
#93cdec |
rgb(147,205,236) |
hsl(201,70%,75%) |
#7dc3e8 |
rgb(125,195,232) |
hsl(201,70%,70%) |
#67b8e4 |
rgb(103,184,228) |
hsl(201,70%,65%) |
#52aee0 |
rgb(82,174,224) |
hsl(201,70%,60%) |
#3ca4dd |
rgb(60,164,221) |
hsl(201,70%,55%) |
#269ad9 |
rgb(38,154,217) |
hsl(201,70%,50%) |
#228bc3 |
rgb(34,139,195) |
hsl(201,70%,45%) |
#1f7bad |
rgb(31,123,173) |
hsl(201,70%,40%) |
#1b6c98 |
rgb(27,108,152) |
hsl(201,70%,35%) |
#175d82 |
rgb(23,93,130) |
hsl(201,70%,30%) |
#134d6c |
rgb(19,77,108) |
hsl(201,70%,25%) |
#0f3e57 |
rgb(15,62,87) |
hsl(201,70%,20%) |
#0b2e41 |
rgb(11,46,65) |
hsl(201,70%,15%) |
#081f2b |
rgb(8,31,43) |
hsl(201,70%,10%) |
#040f16 |
rgb(4,15,22) |
hsl(201,70%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22C492 |
rgb(34,196,146) |
hsl(161,70%,45%) |
#228AC4 |
rgb(34,138,196) |
hsl(201,70%,45%) |
#2621C4 |
rgb(38,33,196) |
hsl(242,71%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4FADE0 |
rgb(79,173,224) |
hsl(201,70%,59%) |
#2F9EDB |
rgb(47,158,219) |
hsl(201,70%,52%) |
#228AC4 |
rgb(34,138,196) |
hsl(201,70%,45%) |
#1C73A4 |
rgb(28,115,164) |
hsl(202,71%,38%) |
#175E85 |
rgb(23,94,133) |
hsl(201,71%,31%) |
#114765 |
rgb(17,71,101) |
hsl(201,71%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#228AC4 |
rgb(34,138,196) |
hsl(201,70%,45%) |
#C42139 |
rgb(196,33,57) |
hsl(351,71%,45%) |
#C4AD22 |
rgb(196,173,34) |
hsl(51,70%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228AC4 |
rgb(34,138,196) |
hsl(201,70%,45%) |
#C45C22 |
rgb(196,92,34) |
hsl(21,70%,45%) |
#22C4AD |
rgb(34,196,173) |
hsl(171,70%,45%) |
#C4AD22 |
rgb(196,173,34) |
hsl(51,70%,45%) |