HEX #334DA9 color — Sapphire
The color #334DA9 is a dark shade and moderately saturated.
Palette
334DA9 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(227,54%,98%) |
#e4e8f7 |
rgb(228,232,247) |
hsl(227,54%,93%) |
#d0d7f1 |
rgb(208,215,241) |
hsl(227,54%,88%) |
#bcc6eb |
rgb(188,198,235) |
hsl(227,54%,83%) |
#a9b6e5 |
rgb(169,182,229) |
hsl(227,54%,78%) |
#95a5df |
rgb(149,165,223) |
hsl(227,54%,73%) |
#8194d9 |
rgb(129,148,217) |
hsl(227,54%,68%) |
#6e84d4 |
rgb(110,132,212) |
hsl(227,54%,63%) |
#5a73ce |
rgb(90,115,206) |
hsl(227,54%,58%) |
#4662c8 |
rgb(70,98,200) |
hsl(227,54%,53%) |
#3855bc |
rgb(56,85,188) |
hsl(227,54%,48%) |
#324ca9 |
rgb(50,76,169) |
hsl(227,54%,43%) |
#2d4395 |
rgb(45,67,149) |
hsl(227,54%,38%) |
#273a82 |
rgb(39,58,130) |
hsl(227,54%,33%) |
#21326e |
rgb(33,50,110) |
hsl(227,54%,28%) |
#1b295a |
rgb(27,41,90) |
hsl(227,54%,23%) |
#152047 |
rgb(21,32,71) |
hsl(227,54%,18%) |
#0f1733 |
rgb(15,23,51) |
hsl(227,54%,13%) |
#090e1f |
rgb(9,14,31) |
hsl(227,54%,8%) |
#04050c |
rgb(4,5,12) |
hsl(227,54%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#339CA9 |
rgb(51,156,169) |
hsl(187,54%,43%) |
#334DA9 |
rgb(51,77,169) |
hsl(227,54%,43%) |
#6733A9 |
rgb(103,51,169) |
hsl(266,54%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5670CC |
rgb(86,112,204) |
hsl(227,54%,57%) |
#3B59C3 |
rgb(59,89,195) |
hsl(227,54%,50%) |
#334DA9 |
rgb(51,77,169) |
hsl(227,54%,43%) |
#2A408D |
rgb(42,64,141) |
hsl(227,54%,36%) |
#223672 |
rgb(34,54,114) |
hsl(225,54%,29%) |
#1A2957 |
rgb(26,41,87) |
hsl(225,54%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#334DA9 |
rgb(51,77,169) |
hsl(227,54%,43%) |
#A95433 |
rgb(169,84,51) |
hsl(17,54%,43%) |
#88A833 |
rgb(136,168,51) |
hsl(76,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#334DA9 |
rgb(51,77,169) |
hsl(227,54%,43%) |
#A98F33 |
rgb(169,143,51) |
hsl(47,54%,43%) |
#3387A9 |
rgb(51,135,169) |
hsl(197,54%,43%) |
#88A833 |
rgb(136,168,51) |
hsl(76,53%,43%) |