HEX #334AA0 color — Sapphire
The color #334AA0 is a dark shade and moderately saturated.
Palette
334AA0 color palette from light to dark
HEX |
RGB |
HSL |
#eff2fa |
rgb(239,242,250) |
hsl(227,52%,96%) |
#dce1f4 |
rgb(220,225,244) |
hsl(227,52%,91%) |
#c9d1ee |
rgb(201,209,238) |
hsl(227,52%,86%) |
#b5c0e8 |
rgb(181,192,232) |
hsl(227,52%,81%) |
#a2b0e2 |
rgb(162,176,226) |
hsl(227,52%,76%) |
#8f9fdc |
rgb(143,159,220) |
hsl(227,52%,71%) |
#7b8fd5 |
rgb(123,143,213) |
hsl(227,52%,66%) |
#687ecf |
rgb(104,126,207) |
hsl(227,52%,61%) |
#546ec9 |
rgb(84,110,201) |
hsl(227,52%,56%) |
#415dc3 |
rgb(65,93,195) |
hsl(227,52%,51%) |
#3853b2 |
rgb(56,83,178) |
hsl(227,52%,46%) |
#324a9f |
rgb(50,74,159) |
hsl(227,52%,41%) |
#2c418c |
rgb(44,65,140) |
hsl(227,52%,36%) |
#263878 |
rgb(38,56,120) |
hsl(227,52%,31%) |
#202f65 |
rgb(32,47,101) |
hsl(227,52%,26%) |
#1a2651 |
rgb(26,38,81) |
hsl(227,52%,21%) |
#141d3e |
rgb(20,29,62) |
hsl(227,52%,16%) |
#0d142b |
rgb(13,20,43) |
hsl(227,52%,11%) |
#070b17 |
rgb(7,11,23) |
hsl(227,52%,6%) |
#010204 |
rgb(1,2,4) |
hsl(227,52%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3394A0 |
rgb(51,148,160) |
hsl(187,52%,41%) |
#334AA0 |
rgb(51,74,160) |
hsl(227,52%,41%) |
#6433A0 |
rgb(100,51,160) |
hsl(267,52%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4F69C7 |
rgb(79,105,199) |
hsl(227,52%,55%) |
#3B57B9 |
rgb(59,87,185) |
hsl(227,52%,48%) |
#334AA0 |
rgb(51,74,160) |
hsl(227,52%,41%) |
#2A3D86 |
rgb(42,61,134) |
hsl(228,52%,35%) |
#22336C |
rgb(34,51,108) |
hsl(226,52%,28%) |
#1A2653 |
rgb(26,38,83) |
hsl(227,52%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#334AA0 |
rgb(51,74,160) |
hsl(227,52%,41%) |
#A05233 |
rgb(160,82,51) |
hsl(17,52%,41%) |
#80A133 |
rgb(128,161,51) |
hsl(78,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334AA0 |
rgb(51,74,160) |
hsl(227,52%,41%) |
#A08A33 |
rgb(160,138,51) |
hsl(48,52%,41%) |
#3380A0 |
rgb(51,128,160) |
hsl(198,52%,41%) |
#80A133 |
rgb(128,161,51) |
hsl(78,52%,42%) |