HEX #228CD5 color — Curious Blue
The color #228CD5 is a light shade and highly saturated.
Palette
228CD5 color palette from light to dark
HEX |
RGB |
HSL |
#f6fbfe |
rgb(246,251,254) |
hsl(204,72%,98%) |
#e0f0fa |
rgb(224,240,250) |
hsl(204,72%,93%) |
#cae5f6 |
rgb(202,229,246) |
hsl(204,72%,88%) |
#b4daf3 |
rgb(180,218,243) |
hsl(204,72%,83%) |
#9fcfef |
rgb(159,207,239) |
hsl(204,72%,78%) |
#89c4ec |
rgb(137,196,236) |
hsl(204,72%,73%) |
#73b9e8 |
rgb(115,185,232) |
hsl(204,72%,68%) |
#5daee5 |
rgb(93,174,229) |
hsl(204,72%,63%) |
#47a3e1 |
rgb(71,163,225) |
hsl(204,72%,58%) |
#3198dd |
rgb(49,152,221) |
hsl(204,72%,53%) |
#228cd3 |
rgb(34,140,211) |
hsl(204,72%,48%) |
#1f7dbd |
rgb(31,125,189) |
hsl(204,72%,43%) |
#1b6fa7 |
rgb(27,111,167) |
hsl(204,72%,38%) |
#186091 |
rgb(24,96,145) |
hsl(204,72%,33%) |
#14527b |
rgb(20,82,123) |
hsl(204,72%,28%) |
#104365 |
rgb(16,67,101) |
hsl(204,72%,23%) |
#0d354f |
rgb(13,53,79) |
hsl(204,72%,18%) |
#092639 |
rgb(9,38,57) |
hsl(204,72%,13%) |
#061723 |
rgb(6,23,35) |
hsl(204,72%,8%) |
#02090d |
rgb(2,9,13) |
hsl(204,72%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#22D6A6 |
rgb(34,214,166) |
hsl(164,73%,49%) |
#228CD5 |
rgb(34,140,213) |
hsl(204,72%,48%) |
#2F21D5 |
rgb(47,33,213) |
hsl(245,73%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#60B0E5 |
rgb(96,176,229) |
hsl(204,72%,64%) |
#3E9EE0 |
rgb(62,158,224) |
hsl(204,72%,56%) |
#228CD5 |
rgb(34,140,213) |
hsl(204,72%,48%) |
#1C75B2 |
rgb(28,117,178) |
hsl(204,73%,40%) |
#175E90 |
rgb(23,94,144) |
hsl(205,72%,33%) |
#114A6E |
rgb(17,74,110) |
hsl(203,73%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#228CD5 |
rgb(34,140,213) |
hsl(204,72%,48%) |
#D52132 |
rgb(213,33,50) |
hsl(354,73%,48%) |
#D5C422 |
rgb(213,196,34) |
hsl(54,72%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#228CD5 |
rgb(34,140,213) |
hsl(204,72%,48%) |
#D56B22 |
rgb(213,107,34) |
hsl(24,72%,48%) |
#22D6C4 |
rgb(34,214,196) |
hsl(174,73%,49%) |
#D5C422 |
rgb(213,196,34) |
hsl(54,72%,48%) |