HEX #369CC4 color — Pelorous
The color #369CC4 is a light shade and moderately saturated.
Palette
369CC4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(197,57%,99%) |
#e7f3f8 |
rgb(231,243,248) |
hsl(197,57%,94%) |
#d3eaf3 |
rgb(211,234,243) |
hsl(197,57%,89%) |
#bfe0ed |
rgb(191,224,237) |
hsl(197,57%,84%) |
#abd7e8 |
rgb(171,215,232) |
hsl(197,57%,79%) |
#97cde2 |
rgb(151,205,226) |
hsl(197,57%,74%) |
#83c3dd |
rgb(131,195,221) |
hsl(197,57%,69%) |
#6fbad8 |
rgb(111,186,216) |
hsl(197,57%,64%) |
#5bb0d2 |
rgb(91,176,210) |
hsl(197,57%,59%) |
#47a7cd |
rgb(71,167,205) |
hsl(197,57%,54%) |
#369cc4 |
rgb(54,156,196) |
hsl(197,57%,49%) |
#308cb0 |
rgb(48,140,176) |
hsl(197,57%,44%) |
#2b7c9c |
rgb(43,124,156) |
hsl(197,57%,39%) |
#256c88 |
rgb(37,108,136) |
hsl(197,57%,34%) |
#205c74 |
rgb(32,92,116) |
hsl(197,57%,29%) |
#1a4c60 |
rgb(26,76,96) |
hsl(197,57%,24%) |
#153c4c |
rgb(21,60,76) |
hsl(197,57%,19%) |
#0f2d38 |
rgb(15,45,56) |
hsl(197,57%,14%) |
#0a1d24 |
rgb(10,29,36) |
hsl(197,57%,9%) |
#040d10 |
rgb(4,13,16) |
hsl(197,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C48D |
rgb(54,196,141) |
hsl(157,57%,49%) |
#369CC4 |
rgb(54,156,196) |
hsl(197,57%,49%) |
#363DC4 |
rgb(54,61,196) |
hsl(237,57%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#71BAD8 |
rgb(113,186,216) |
hsl(197,57%,65%) |
#52ADCF |
rgb(82,173,207) |
hsl(196,57%,57%) |
#369CC4 |
rgb(54,156,196) |
hsl(197,57%,49%) |
#2D82A4 |
rgb(45,130,164) |
hsl(197,57%,41%) |
#246B85 |
rgb(36,107,133) |
hsl(196,57%,33%) |
#1C5265 |
rgb(28,82,101) |
hsl(196,57%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#369CC4 |
rgb(54,156,196) |
hsl(197,57%,49%) |
#C43655 |
rgb(196,54,85) |
hsl(347,57%,49%) |
#C4A636 |
rgb(196,166,54) |
hsl(47,57%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#369CC4 |
rgb(54,156,196) |
hsl(197,57%,49%) |
#C45E36 |
rgb(196,94,54) |
hsl(17,57%,49%) |
#36C4A5 |
rgb(54,196,165) |
hsl(167,57%,49%) |
#C4A636 |
rgb(196,166,54) |
hsl(47,57%,49%) |