HEX #339CC4 color — Pelorous
The color #339CC4 is a light shade and moderately saturated.
Palette
339CC4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(197,59%,98%) |
#e3f2f8 |
rgb(227,242,248) |
hsl(197,59%,93%) |
#cee8f2 |
rgb(206,232,242) |
hsl(197,59%,88%) |
#badfed |
rgb(186,223,237) |
hsl(197,59%,83%) |
#a6d5e8 |
rgb(166,213,232) |
hsl(197,59%,78%) |
#92cce3 |
rgb(146,204,227) |
hsl(197,59%,73%) |
#7dc2de |
rgb(125,194,222) |
hsl(197,59%,68%) |
#69b9d8 |
rgb(105,185,216) |
hsl(197,59%,63%) |
#55afd3 |
rgb(85,175,211) |
hsl(197,59%,58%) |
#40a6ce |
rgb(64,166,206) |
hsl(197,59%,53%) |
#329ac3 |
rgb(50,154,195) |
hsl(197,59%,48%) |
#2d8aae |
rgb(45,138,174) |
hsl(197,59%,43%) |
#287a9a |
rgb(40,122,154) |
hsl(197,59%,38%) |
#236a86 |
rgb(35,106,134) |
hsl(197,59%,33%) |
#1d5a72 |
rgb(29,90,114) |
hsl(197,59%,28%) |
#184a5d |
rgb(24,74,93) |
hsl(197,59%,23%) |
#133a49 |
rgb(19,58,73) |
hsl(197,59%,18%) |
#0e2a35 |
rgb(14,42,53) |
hsl(197,59%,13%) |
#081a20 |
rgb(8,26,32) |
hsl(197,59%,8%) |
#030a0c |
rgb(3,10,12) |
hsl(197,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33C48B |
rgb(51,196,139) |
hsl(156,59%,48%) |
#339CC4 |
rgb(51,156,196) |
hsl(197,59%,48%) |
#333BC4 |
rgb(51,59,196) |
hsl(237,59%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6DBAD9 |
rgb(109,186,217) |
hsl(197,59%,64%) |
#4DADD0 |
rgb(77,173,208) |
hsl(196,58%,56%) |
#339CC4 |
rgb(51,156,196) |
hsl(197,59%,48%) |
#2A82A4 |
rgb(42,130,164) |
hsl(197,59%,40%) |
#226B85 |
rgb(34,107,133) |
hsl(196,59%,33%) |
#1A5265 |
rgb(26,82,101) |
hsl(195,59%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#339CC4 |
rgb(51,156,196) |
hsl(197,59%,48%) |
#C43353 |
rgb(196,51,83) |
hsl(347,59%,48%) |
#C4A333 |
rgb(196,163,51) |
hsl(46,59%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#339CC4 |
rgb(51,156,196) |
hsl(197,59%,48%) |
#C45C33 |
rgb(196,92,51) |
hsl(17,59%,48%) |
#33C4A3 |
rgb(51,196,163) |
hsl(166,59%,48%) |
#C4A333 |
rgb(196,163,51) |
hsl(46,59%,48%) |