HEX #339CC3 color — Pelorous
The color #339CC3 is a light shade and moderately saturated.
Palette
339CC3 color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(196,59%,98%) |
#e3f2f8 |
rgb(227,242,248) |
hsl(196,59%,93%) |
#cee9f2 |
rgb(206,233,242) |
hsl(196,59%,88%) |
#bae0ed |
rgb(186,224,237) |
hsl(196,59%,83%) |
#a6d6e8 |
rgb(166,214,232) |
hsl(196,59%,78%) |
#92cde3 |
rgb(146,205,227) |
hsl(196,59%,73%) |
#7dc4de |
rgb(125,196,222) |
hsl(196,59%,68%) |
#69bbd8 |
rgb(105,187,216) |
hsl(196,59%,63%) |
#55b1d3 |
rgb(85,177,211) |
hsl(196,59%,58%) |
#40a8ce |
rgb(64,168,206) |
hsl(196,59%,53%) |
#329cc3 |
rgb(50,156,195) |
hsl(196,59%,48%) |
#2d8cae |
rgb(45,140,174) |
hsl(196,59%,43%) |
#287c9a |
rgb(40,124,154) |
hsl(196,59%,38%) |
#236b86 |
rgb(35,107,134) |
hsl(196,59%,33%) |
#1d5b72 |
rgb(29,91,114) |
hsl(196,59%,28%) |
#184b5d |
rgb(24,75,93) |
hsl(196,59%,23%) |
#133b49 |
rgb(19,59,73) |
hsl(196,59%,18%) |
#0e2a35 |
rgb(14,42,53) |
hsl(196,59%,13%) |
#081a20 |
rgb(8,26,32) |
hsl(196,59%,8%) |
#030a0c |
rgb(3,10,12) |
hsl(196,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33C28A |
rgb(51,194,138) |
hsl(157,58%,48%) |
#339CC3 |
rgb(51,156,195) |
hsl(196,59%,48%) |
#333DC3 |
rgb(51,61,195) |
hsl(236,59%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6CBAD8 |
rgb(108,186,216) |
hsl(197,58%,64%) |
#4CADD0 |
rgb(76,173,208) |
hsl(196,58%,56%) |
#339CC3 |
rgb(51,156,195) |
hsl(196,59%,48%) |
#2A82A3 |
rgb(42,130,163) |
hsl(196,59%,40%) |
#226B84 |
rgb(34,107,132) |
hsl(195,59%,33%) |
#1A5265 |
rgb(26,82,101) |
hsl(195,59%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#339CC3 |
rgb(51,156,195) |
hsl(196,59%,48%) |
#C33354 |
rgb(195,51,84) |
hsl(346,59%,48%) |
#C3A333 |
rgb(195,163,51) |
hsl(47,59%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#339CC3 |
rgb(51,156,195) |
hsl(196,59%,48%) |
#C35933 |
rgb(195,89,51) |
hsl(16,59%,48%) |
#33C2A2 |
rgb(51,194,162) |
hsl(167,58%,48%) |
#C3A333 |
rgb(195,163,51) |
hsl(47,59%,48%) |