HEX #3344A3 color — Sapphire
The color #3344a3 is a dark shade and moderately saturated.
Palette
3344a3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(231,52%,97%) |
#e0e3f5 |
rgb(224,227,245) |
hsl(231,52%,92%) |
#cdd2ef |
rgb(205,210,239) |
hsl(231,52%,87%) |
#b9c0e9 |
rgb(185,192,233) |
hsl(231,52%,82%) |
#a6afe3 |
rgb(166,175,227) |
hsl(231,52%,77%) |
#929edd |
rgb(146,158,221) |
hsl(231,52%,72%) |
#7f8cd7 |
rgb(127,140,215) |
hsl(231,52%,67%) |
#6c7bd0 |
rgb(108,123,208) |
hsl(231,52%,62%) |
#5869ca |
rgb(88,105,202) |
hsl(231,52%,57%) |
#4558c4 |
rgb(69,88,196) |
hsl(231,52%,52%) |
#3a4cb6 |
rgb(58,76,182) |
hsl(231,52%,47%) |
#3344a3 |
rgb(51,68,163) |
hsl(231,52%,42%) |
#2d3c8f |
rgb(45,60,143) |
hsl(231,52%,37%) |
#27347c |
rgb(39,52,124) |
hsl(231,52%,32%) |
#212c69 |
rgb(33,44,105) |
hsl(231,52%,27%) |
#1b2455 |
rgb(27,36,85) |
hsl(231,52%,22%) |
#151c42 |
rgb(21,28,66) |
hsl(231,52%,17%) |
#0f132f |
rgb(15,19,47) |
hsl(231,52%,12%) |
#090b1b |
rgb(9,11,27) |
hsl(231,52%,7%) |
#020308 |
rgb(2,3,8) |
hsl(231,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#338FA3 |
rgb(51,143,163) |
hsl(191,52%,42%) |
#3344A3 |
rgb(51,68,163) |
hsl(231,52%,42%) |
#6C33A3 |
rgb(108,51,163) |
hsl(271,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5163C8 |
rgb(81,99,200) |
hsl(231,52%,55%) |
#3B4FBD |
rgb(59,79,189) |
hsl(231,52%,49%) |
#3344A3 |
rgb(51,68,163) |
hsl(231,52%,42%) |
#2A3888 |
rgb(42,56,136) |
hsl(231,53%,35%) |
#222E6E |
rgb(34,46,110) |
hsl(231,53%,28%) |
#1A2454 |
rgb(26,36,84) |
hsl(230,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3344A3 |
rgb(51,68,163) |
hsl(231,52%,42%) |
#A35933 |
rgb(163,89,51) |
hsl(20,52%,42%) |
#7CA333 |
rgb(124,163,51) |
hsl(81,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3344A3 |
rgb(51,68,163) |
hsl(231,52%,42%) |
#A39133 |
rgb(163,145,51) |
hsl(50,52%,42%) |
#337DA3 |
rgb(51,125,163) |
hsl(200,52%,42%) |
#7CA333 |
rgb(124,163,51) |
hsl(81,52%,42%) |