HEX #369CC0 color — Pelorous
The color #369CC0 is a light shade and moderately saturated.
Palette
369CC0 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(196,56%,98%) |
#e3f2f7 |
rgb(227,242,247) |
hsl(196,56%,93%) |
#cfe8f2 |
rgb(207,232,242) |
hsl(196,56%,88%) |
#bbdfec |
rgb(187,223,236) |
hsl(196,56%,83%) |
#a7d6e6 |
rgb(167,214,230) |
hsl(196,56%,78%) |
#94cce1 |
rgb(148,204,225) |
hsl(196,56%,73%) |
#80c3db |
rgb(128,195,219) |
hsl(196,56%,68%) |
#6cb9d5 |
rgb(108,185,213) |
hsl(196,56%,63%) |
#58b0d0 |
rgb(88,176,208) |
hsl(196,56%,58%) |
#44a6ca |
rgb(68,166,202) |
hsl(196,56%,53%) |
#369abf |
rgb(54,154,191) |
hsl(196,56%,48%) |
#308aab |
rgb(48,138,171) |
hsl(196,56%,43%) |
#2b7a97 |
rgb(43,122,151) |
hsl(196,56%,38%) |
#256a83 |
rgb(37,106,131) |
hsl(196,56%,33%) |
#1f5a6f |
rgb(31,90,111) |
hsl(196,56%,28%) |
#1a4a5b |
rgb(26,74,91) |
hsl(196,56%,23%) |
#143a48 |
rgb(20,58,72) |
hsl(196,56%,18%) |
#0f2a34 |
rgb(15,42,52) |
hsl(196,56%,13%) |
#091a20 |
rgb(9,26,32) |
hsl(196,56%,8%) |
#030a0c |
rgb(3,10,12) |
hsl(196,56%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#36BF88 |
rgb(54,191,136) |
hsl(156,56%,48%) |
#369CC0 |
rgb(54,156,192) |
hsl(196,56%,48%) |
#3640C0 |
rgb(54,64,192) |
hsl(236,56%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6EBAD6 |
rgb(110,186,214) |
hsl(196,56%,64%) |
#4FADCD |
rgb(79,173,205) |
hsl(195,56%,56%) |
#369CC0 |
rgb(54,156,192) |
hsl(196,56%,48%) |
#2D82A1 |
rgb(45,130,161) |
hsl(196,56%,40%) |
#246B82 |
rgb(36,107,130) |
hsl(195,57%,33%) |
#1C5263 |
rgb(28,82,99) |
hsl(194,56%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#369CC0 |
rgb(54,156,192) |
hsl(196,56%,48%) |
#C03657 |
rgb(192,54,87) |
hsl(346,56%,48%) |
#C09E36 |
rgb(192,158,54) |
hsl(45,56%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#369CC0 |
rgb(54,156,192) |
hsl(196,56%,48%) |
#C05936 |
rgb(192,89,54) |
hsl(15,56%,48%) |
#36BF9F |
rgb(54,191,159) |
hsl(166,56%,48%) |
#C09E36 |
rgb(192,158,54) |
hsl(45,56%,48%) |