HEX #334AA5 color — Sapphire
The color #334AA5 is a dark shade and moderately saturated.
Palette
334AA5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(228,53%,97%) |
#e0e4f5 |
rgb(224,228,245) |
hsl(228,53%,92%) |
#ccd3ef |
rgb(204,211,239) |
hsl(228,53%,87%) |
#b9c3e9 |
rgb(185,195,233) |
hsl(228,53%,82%) |
#a5b2e3 |
rgb(165,178,227) |
hsl(228,53%,77%) |
#92a1dd |
rgb(146,161,221) |
hsl(228,53%,72%) |
#7e90d7 |
rgb(126,144,215) |
hsl(228,53%,67%) |
#6b7fd1 |
rgb(107,127,209) |
hsl(228,53%,62%) |
#576ecb |
rgb(87,110,203) |
hsl(228,53%,57%) |
#445ec5 |
rgb(68,94,197) |
hsl(228,53%,52%) |
#3852b7 |
rgb(56,82,183) |
hsl(228,53%,47%) |
#3249a4 |
rgb(50,73,164) |
hsl(228,53%,42%) |
#2c4090 |
rgb(44,64,144) |
hsl(228,53%,37%) |
#26387d |
rgb(38,56,125) |
hsl(228,53%,32%) |
#202f69 |
rgb(32,47,105) |
hsl(228,53%,27%) |
#1a2656 |
rgb(26,38,86) |
hsl(228,53%,22%) |
#141e42 |
rgb(20,30,66) |
hsl(228,53%,17%) |
#0e152f |
rgb(14,21,47) |
hsl(228,53%,12%) |
#080c1b |
rgb(8,12,27) |
hsl(228,53%,7%) |
#020308 |
rgb(2,3,8) |
hsl(228,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3396A5 |
rgb(51,150,165) |
hsl(188,53%,42%) |
#334AA5 |
rgb(51,74,165) |
hsl(228,53%,42%) |
#6833A5 |
rgb(104,51,165) |
hsl(268,53%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536BC9 |
rgb(83,107,201) |
hsl(228,52%,56%) |
#3B57BF |
rgb(59,87,191) |
hsl(227,53%,49%) |
#334AA5 |
rgb(51,74,165) |
hsl(228,53%,42%) |
#2A3D8A |
rgb(42,61,138) |
hsl(228,53%,35%) |
#223370 |
rgb(34,51,112) |
hsl(227,53%,29%) |
#1A2655 |
rgb(26,38,85) |
hsl(228,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#334AA5 |
rgb(51,74,165) |
hsl(228,53%,42%) |
#A55433 |
rgb(165,84,51) |
hsl(17,53%,42%) |
#83A633 |
rgb(131,166,51) |
hsl(78,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334AA5 |
rgb(51,74,165) |
hsl(228,53%,42%) |
#A58F33 |
rgb(165,143,51) |
hsl(48,53%,42%) |
#3382A5 |
rgb(51,130,165) |
hsl(198,53%,42%) |
#83A633 |
rgb(131,166,51) |
hsl(78,53%,43%) |