HEX #334FAA color — Sapphire
The color #334FAA is a dark shade and moderately saturated.
Palette
334FAA color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(226,54%,98%) |
#e4e8f7 |
rgb(228,232,247) |
hsl(226,54%,93%) |
#d0d8f1 |
rgb(208,216,241) |
hsl(226,54%,88%) |
#bcc7eb |
rgb(188,199,235) |
hsl(226,54%,83%) |
#a9b7e5 |
rgb(169,183,229) |
hsl(226,54%,78%) |
#95a6df |
rgb(149,166,223) |
hsl(226,54%,73%) |
#8196d9 |
rgb(129,150,217) |
hsl(226,54%,68%) |
#6e85d4 |
rgb(110,133,212) |
hsl(226,54%,63%) |
#5a75ce |
rgb(90,117,206) |
hsl(226,54%,58%) |
#4665c8 |
rgb(70,101,200) |
hsl(226,54%,53%) |
#3857bc |
rgb(56,87,188) |
hsl(226,54%,48%) |
#324ea9 |
rgb(50,78,169) |
hsl(226,54%,43%) |
#2d4595 |
rgb(45,69,149) |
hsl(226,54%,38%) |
#273c82 |
rgb(39,60,130) |
hsl(226,54%,33%) |
#21336e |
rgb(33,51,110) |
hsl(226,54%,28%) |
#1b2a5a |
rgb(27,42,90) |
hsl(226,54%,23%) |
#152147 |
rgb(21,33,71) |
hsl(226,54%,18%) |
#0f1833 |
rgb(15,24,51) |
hsl(226,54%,13%) |
#090f1f |
rgb(9,15,31) |
hsl(226,54%,8%) |
#04050c |
rgb(4,5,12) |
hsl(226,54%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#339EAA |
rgb(51,158,170) |
hsl(186,54%,43%) |
#334FAA |
rgb(51,79,170) |
hsl(226,54%,43%) |
#6633AA |
rgb(102,51,170) |
hsl(266,54%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5773CC |
rgb(87,115,204) |
hsl(226,53%,57%) |
#3B5CC4 |
rgb(59,92,196) |
hsl(226,54%,50%) |
#334FAA |
rgb(51,79,170) |
hsl(226,54%,43%) |
#2A428E |
rgb(42,66,142) |
hsl(226,54%,36%) |
#223673 |
rgb(34,54,115) |
hsl(225,54%,29%) |
#1A2958 |
rgb(26,41,88) |
hsl(225,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#334FAA |
rgb(51,79,170) |
hsl(226,54%,43%) |
#AA5233 |
rgb(170,82,51) |
hsl(16,54%,43%) |
#8AAB33 |
rgb(138,171,51) |
hsl(77,54%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334FAA |
rgb(51,79,170) |
hsl(226,54%,43%) |
#AA8F33 |
rgb(170,143,51) |
hsl(46,54%,43%) |
#338AAA |
rgb(51,138,170) |
hsl(196,54%,43%) |
#8AAB33 |
rgb(138,171,51) |
hsl(77,54%,44%) |