HEX #338AD4 color — Curious Blue
The color #338AD4 is a dark shade and moderately saturated.
Palette
338AD4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8fc |
rgb(242,248,252) |
hsl(208,65%,97%) |
#ddebf8 |
rgb(221,235,248) |
hsl(208,65%,92%) |
#c8dff3 |
rgb(200,223,243) |
hsl(208,65%,87%) |
#b3d3ef |
rgb(179,211,239) |
hsl(208,65%,82%) |
#9ec7ea |
rgb(158,199,234) |
hsl(208,65%,77%) |
#89bbe6 |
rgb(137,187,230) |
hsl(208,65%,72%) |
#74aee2 |
rgb(116,174,226) |
hsl(208,65%,67%) |
#5fa2dd |
rgb(95,162,221) |
hsl(208,65%,62%) |
#4a96d9 |
rgb(74,150,217) |
hsl(208,65%,57%) |
#358ad4 |
rgb(53,138,212) |
hsl(208,65%,52%) |
#2a7dc6 |
rgb(42,125,198) |
hsl(208,65%,47%) |
#2570b1 |
rgb(37,112,177) |
hsl(208,65%,42%) |
#21629c |
rgb(33,98,156) |
hsl(208,65%,37%) |
#1d5587 |
rgb(29,85,135) |
hsl(208,65%,32%) |
#184872 |
rgb(24,72,114) |
hsl(208,65%,27%) |
#143b5d |
rgb(20,59,93) |
hsl(208,65%,22%) |
#0f2d48 |
rgb(15,45,72) |
hsl(208,65%,17%) |
#0b2032 |
rgb(11,32,50) |
hsl(208,65%,12%) |
#06131d |
rgb(6,19,29) |
hsl(208,65%,7%) |
#020508 |
rgb(2,5,8) |
hsl(208,65%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D4B2 |
rgb(51,212,178) |
hsl(167,65%,52%) |
#338AD4 |
rgb(51,138,212) |
hsl(208,65%,52%) |
#4733D4 |
rgb(71,51,212) |
hsl(247,65%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#78B3E2 |
rgb(120,179,226) |
hsl(207,65%,68%) |
#559EDB |
rgb(85,158,219) |
hsl(207,65%,60%) |
#338AD4 |
rgb(51,138,212) |
hsl(208,65%,52%) |
#2675B6 |
rgb(38,117,182) |
hsl(207,65%,43%) |
#1F5E93 |
rgb(31,94,147) |
hsl(207,65%,35%) |
#174770 |
rgb(23,71,112) |
hsl(208,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#338AD4 |
rgb(51,138,212) |
hsl(208,65%,52%) |
#D43339 |
rgb(212,51,57) |
hsl(358,65%,52%) |
#D4CF33 |
rgb(212,207,51) |
hsl(58,65%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#338AD4 |
rgb(51,138,212) |
hsl(208,65%,52%) |
#D47D33 |
rgb(212,125,51) |
hsl(28,65%,52%) |
#33D4CD |
rgb(51,212,205) |
hsl(177,65%,52%) |
#D4CF33 |
rgb(212,207,51) |
hsl(58,65%,52%) |