HEX #334AAA color — Sapphire
The color #334AAA is a dark shade and moderately saturated.
Palette
334AAA color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,54%,98%) |
#e4e7f7 |
rgb(228,231,247) |
hsl(228,54%,93%) |
#d0d6f1 |
rgb(208,214,241) |
hsl(228,54%,88%) |
#bcc6eb |
rgb(188,198,235) |
hsl(228,54%,83%) |
#a9b5e5 |
rgb(169,181,229) |
hsl(228,54%,78%) |
#95a4df |
rgb(149,164,223) |
hsl(228,54%,73%) |
#8193d9 |
rgb(129,147,217) |
hsl(228,54%,68%) |
#6e82d4 |
rgb(110,130,212) |
hsl(228,54%,63%) |
#5a71ce |
rgb(90,113,206) |
hsl(228,54%,58%) |
#4660c8 |
rgb(70,96,200) |
hsl(228,54%,53%) |
#3853bc |
rgb(56,83,188) |
hsl(228,54%,48%) |
#324aa9 |
rgb(50,74,169) |
hsl(228,54%,43%) |
#2d4295 |
rgb(45,66,149) |
hsl(228,54%,38%) |
#273982 |
rgb(39,57,130) |
hsl(228,54%,33%) |
#21306e |
rgb(33,48,110) |
hsl(228,54%,28%) |
#1b285a |
rgb(27,40,90) |
hsl(228,54%,23%) |
#151f47 |
rgb(21,31,71) |
hsl(228,54%,18%) |
#0f1633 |
rgb(15,22,51) |
hsl(228,54%,13%) |
#090e1f |
rgb(9,14,31) |
hsl(228,54%,8%) |
#04050c |
rgb(4,5,12) |
hsl(228,54%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3399AA |
rgb(51,153,170) |
hsl(189,54%,43%) |
#334AAA |
rgb(51,74,170) |
hsl(228,54%,43%) |
#6B33AA |
rgb(107,51,170) |
hsl(268,54%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#576ECC |
rgb(87,110,204) |
hsl(228,53%,57%) |
#3B57C4 |
rgb(59,87,196) |
hsl(228,54%,50%) |
#334AAA |
rgb(51,74,170) |
hsl(228,54%,43%) |
#2A3D8E |
rgb(42,61,142) |
hsl(229,54%,36%) |
#223373 |
rgb(34,51,115) |
hsl(227,54%,29%) |
#1A2658 |
rgb(26,38,88) |
hsl(228,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#334AAA |
rgb(51,74,170) |
hsl(228,54%,43%) |
#AA5733 |
rgb(170,87,51) |
hsl(18,54%,43%) |
#85AB33 |
rgb(133,171,51) |
hsl(79,54%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334AAA |
rgb(51,74,170) |
hsl(228,54%,43%) |
#AA9433 |
rgb(170,148,51) |
hsl(49,54%,43%) |
#3385AA |
rgb(51,133,170) |
hsl(199,54%,43%) |
#85AB33 |
rgb(133,171,51) |
hsl(79,54%,44%) |