HEX #334DA3 color — Sapphire
The color #334da3 is a dark shade and moderately saturated.
Palette
334da3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(226,52%,97%) |
#e0e5f5 |
rgb(224,229,245) |
hsl(226,52%,92%) |
#cdd5ef |
rgb(205,213,239) |
hsl(226,52%,87%) |
#b9c4e9 |
rgb(185,196,233) |
hsl(226,52%,82%) |
#a6b4e3 |
rgb(166,180,227) |
hsl(226,52%,77%) |
#92a4dd |
rgb(146,164,221) |
hsl(226,52%,72%) |
#7f94d7 |
rgb(127,148,215) |
hsl(226,52%,67%) |
#6c83d0 |
rgb(108,131,208) |
hsl(226,52%,62%) |
#5873ca |
rgb(88,115,202) |
hsl(226,52%,57%) |
#4563c4 |
rgb(69,99,196) |
hsl(226,52%,52%) |
#3a57b6 |
rgb(58,87,182) |
hsl(226,52%,47%) |
#334da3 |
rgb(51,77,163) |
hsl(226,52%,42%) |
#2d448f |
rgb(45,68,143) |
hsl(226,52%,37%) |
#273b7c |
rgb(39,59,124) |
hsl(226,52%,32%) |
#213269 |
rgb(33,50,105) |
hsl(226,52%,27%) |
#1b2955 |
rgb(27,41,85) |
hsl(226,52%,22%) |
#151f42 |
rgb(21,31,66) |
hsl(226,52%,17%) |
#0f162f |
rgb(15,22,47) |
hsl(226,52%,12%) |
#090d1b |
rgb(9,13,27) |
hsl(226,52%,7%) |
#020408 |
rgb(2,4,8) |
hsl(226,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3396A3 |
rgb(51,150,163) |
hsl(187,52%,42%) |
#334DA3 |
rgb(51,77,163) |
hsl(226,52%,42%) |
#6333A3 |
rgb(99,51,163) |
hsl(266,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#516EC8 |
rgb(81,110,200) |
hsl(225,52%,55%) |
#3B59BD |
rgb(59,89,189) |
hsl(226,52%,49%) |
#334DA3 |
rgb(51,77,163) |
hsl(226,52%,42%) |
#2A4088 |
rgb(42,64,136) |
hsl(226,53%,35%) |
#22366E |
rgb(34,54,110) |
hsl(224,53%,28%) |
#1A2954 |
rgb(26,41,84) |
hsl(224,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#334DA3 |
rgb(51,77,163) |
hsl(226,52%,42%) |
#A35233 |
rgb(163,82,51) |
hsl(17,52%,42%) |
#85A333 |
rgb(133,163,51) |
hsl(76,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334DA3 |
rgb(51,77,163) |
hsl(226,52%,42%) |
#A38A33 |
rgb(163,138,51) |
hsl(47,52%,42%) |
#3385A3 |
rgb(51,133,163) |
hsl(196,52%,42%) |
#85A333 |
rgb(133,163,51) |
hsl(76,52%,42%) |