HEX #337BE1 color — Royal Blue
The color #337be1 is a dark shade and moderately saturated.
Palette
337be1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(215,74%,99%) |
#e4eefb |
rgb(228,238,251) |
hsl(215,74%,94%) |
#cedff8 |
rgb(206,223,248) |
hsl(215,74%,89%) |
#b8d1f4 |
rgb(184,209,244) |
hsl(215,74%,84%) |
#a2c3f1 |
rgb(162,195,241) |
hsl(215,74%,79%) |
#8cb5ee |
rgb(140,181,238) |
hsl(215,74%,74%) |
#75a6ea |
rgb(117,166,234) |
hsl(215,74%,69%) |
#5f98e7 |
rgb(95,152,231) |
hsl(215,74%,64%) |
#498ae4 |
rgb(73,138,228) |
hsl(215,74%,59%) |
#337be1 |
rgb(51,123,225) |
hsl(215,74%,54%) |
#206ed9 |
rgb(32,110,217) |
hsl(215,74%,49%) |
#1d62c3 |
rgb(29,98,195) |
hsl(215,74%,44%) |
#1a57ad |
rgb(26,87,173) |
hsl(215,74%,39%) |
#174c97 |
rgb(23,76,151) |
hsl(215,74%,34%) |
#134181 |
rgb(19,65,129) |
hsl(215,74%,29%) |
#10366a |
rgb(16,54,106) |
hsl(215,74%,24%) |
#0d2a54 |
rgb(13,42,84) |
hsl(215,74%,19%) |
#091f3e |
rgb(9,31,62) |
hsl(215,74%,14%) |
#061428 |
rgb(6,20,40) |
hsl(215,74%,9%) |
#030912 |
rgb(3,9,18) |
hsl(215,74%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#33E0D3 |
rgb(51,224,211) |
hsl(175,74%,54%) |
#337BE1 |
rgb(51,123,225) |
hsl(215,74%,54%) |
#5F33E1 |
rgb(95,51,225) |
hsl(255,74%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80ADEC |
rgb(128,173,236) |
hsl(215,74%,71%) |
#5994E6 |
rgb(89,148,230) |
hsl(215,74%,63%) |
#337BE1 |
rgb(51,123,225) |
hsl(215,74%,54%) |
#1D66CA |
rgb(29,102,202) |
hsl(215,75%,45%) |
#1852A3 |
rgb(24,82,163) |
hsl(215,74%,37%) |
#12407D |
rgb(18,64,125) |
hsl(214,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#337BE1 |
rgb(51,123,225) |
hsl(215,74%,54%) |
#E14233 |
rgb(225,66,51) |
hsl(5,74%,54%) |
#D2E033 |
rgb(210,224,51) |
hsl(65,74%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#337BE1 |
rgb(51,123,225) |
hsl(215,74%,54%) |
#E19933 |
rgb(225,153,51) |
hsl(35,74%,54%) |
#33D1E1 |
rgb(51,209,225) |
hsl(186,74%,54%) |
#D2E033 |
rgb(210,224,51) |
hsl(65,74%,54%) |