HEX #338AD1 color — Curious Blue
The color #338ad1 is a dark shade and moderately saturated.
Palette
338ad1 color palette from light to dark
HEX |
RGB |
HSL |
#eef5fb |
rgb(238,245,251) |
hsl(207,63%,96%) |
#dae9f7 |
rgb(218,233,247) |
hsl(207,63%,91%) |
#c5def2 |
rgb(197,222,242) |
hsl(207,63%,86%) |
#b0d2ed |
rgb(176,210,237) |
hsl(207,63%,81%) |
#9bc6e8 |
rgb(155,198,232) |
hsl(207,63%,76%) |
#86bae4 |
rgb(134,186,228) |
hsl(207,63%,71%) |
#72aedf |
rgb(114,174,223) |
hsl(207,63%,66%) |
#5da2da |
rgb(93,162,218) |
hsl(207,63%,61%) |
#4896d5 |
rgb(72,150,213) |
hsl(207,63%,56%) |
#338ad1 |
rgb(51,138,209) |
hsl(207,63%,51%) |
#2b7dbf |
rgb(43,125,191) |
hsl(207,63%,46%) |
#276faa |
rgb(39,111,170) |
hsl(207,63%,41%) |
#226296 |
rgb(34,98,150) |
hsl(207,63%,36%) |
#1d5481 |
rgb(29,84,129) |
hsl(207,63%,31%) |
#19466c |
rgb(25,70,108) |
hsl(207,63%,26%) |
#143957 |
rgb(20,57,87) |
hsl(207,63%,21%) |
#0f2b43 |
rgb(15,43,67) |
hsl(207,63%,16%) |
#0a1e2e |
rgb(10,30,46) |
hsl(207,63%,11%) |
#061019 |
rgb(6,16,25) |
hsl(207,63%,6%) |
#010304 |
rgb(1,3,4) |
hsl(207,63%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33D1AE |
rgb(51,209,174) |
hsl(167,63%,51%) |
#338AD1 |
rgb(51,138,209) |
hsl(207,63%,51%) |
#4533D1 |
rgb(69,51,209) |
hsl(247,63%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#76B0E0 |
rgb(118,176,224) |
hsl(207,63%,67%) |
#549ED8 |
rgb(84,158,216) |
hsl(206,63%,59%) |
#338AD1 |
rgb(51,138,209) |
hsl(207,63%,51%) |
#2875B2 |
rgb(40,117,178) |
hsl(207,63%,43%) |
#205E90 |
rgb(32,94,144) |
hsl(207,64%,35%) |
#18476E |
rgb(24,71,110) |
hsl(207,64%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#338AD1 |
rgb(51,138,209) |
hsl(207,63%,51%) |
#D1333B |
rgb(209,51,59) |
hsl(357,63%,51%) |
#D1C933 |
rgb(209,201,51) |
hsl(57,63%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#338AD1 |
rgb(51,138,209) |
hsl(207,63%,51%) |
#D17A33 |
rgb(209,122,51) |
hsl(27,63%,51%) |
#33D1C9 |
rgb(51,209,201) |
hsl(177,63%,51%) |
#D1C933 |
rgb(209,201,51) |
hsl(57,63%,51%) |